/**
 * 站点公共CSS
 * @时间 2023年5月4日
**/

:root {
	--blue: #0B2A6C;
	--darkblue: #093361;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #ef394b;
	--orange: #fc9604;
	--yellow: #bf9f62;
	--green: #E90003;
	--teal: #20c997;
	--cyan: #02a1f9;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #1D5595;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #E77717;
	--danger: #05a2c9;
	--light: #f8f9fa;
	--dark: #343a40;
	--heading: #242933;
	--moniz-gray: #717178;
	--greytwo: #b6bace;
	--global-heading: #253745;
	--global-secondary: #2b3e4b;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

div[data-type=content] img {display: inline-block;}
body {font-size: 15px;color: var(--dark);background-color: #ffffff;font-family: -apple-system, Microsoft YaHei, Arial, Helvetica, sans-serif !important;}
body,ul,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,ol,li {margin: 0;padding: 0;list-style: none;}
a {color: var(--dark);}
a:hover {color: var(--green);text-decoration: none;}
img {display: inline-block;overflow: hidden;max-width: 100%;}
h1, h2, h3, h4, h5, h6 {color: var(--heading);font-weight: bold;}
body::-webkit-scrollbar {width: 10px;height: 1px;}
body::-webkit-scrollbar-thumb {background-color: #ccc;}
body::-webkit-scrollbar-track {background: #ededed;}
select{-webkit-appearance: none;}

.swiper-pagination-bullet-active {background-color: var(--green);}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.fl,.float-left {float: left !important;}
.fr,.float-right {float: right !important;}
.clearfix,.clear {clear: both;}
.img {width: 100%;display: block;overflow: hidden;}
.w-100 {width: 100%;}
.h50 {height: 50px;}
.h80 {height: 80px;}
.h100 {height: 100px;}
.br6 {border-radius: 0px !important;overflow: hidden;}
.br10 {border-radius: 0px !important;overflow: hidden;}
.br15 {border-radius: 0px !important;overflow: hidden;}
.br24 {border-radius: 24px !important;overflow: hidden;}
.flex-w {flex-wrap: wrap;}
.flex {display: flex;}
.bgf {background-color: #ffffff;}
.bg-f7 {background-color: #f6f6f6;}
.color9 {color: #999;}
.color-f,.color-f h4 {color: #fff;}
.red a,.red {color: var(--red);}
.color-blue a,.color-blue {color: var(--blue);}
.color-green a,.color-green {color: var(--green);}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f42 {font-size: 42px;}
.f48 {font-size: 48px;}
.f28 {font-size: 28px;}
.f32 {font-size: 32px;}
.f36 {font-size: 36px;}
.f48 {font-size: 48px;}
.f52 {font-size: 52px;}
.m-b24 {margin-bottom: 24px !important;}
.m-t10 {margin-top: 10px !important;}
.m-t20 {margin-top: 20px !important;}
.m-t24 {margin-top: 24px !important;}
.m-t30 {margin-top: 30px !important;}
.m-t40 {margin-top: 40px !important;}
.m-t50 {margin-top: 50px !important;}
.m-t80 {margin-top: 80px !important;}
.m-t100 {margin-top: 100px !important;}
.m-b20 {margin-bottom: 20px !important;}
.m-b30 {margin-bottom: 30px !important;}
.p-t10 {padding-top: 10px !important;}
.p-t30 {padding-top: 30px !important;}
.p-t40 {padding-top: 40px !important;}
.p-t50 {padding-top: 50px !important;}
.p-t70 {padding-top: 70px !important;}
.p-t100 {padding-top: 100px !important;}
.p-b20 {padding-bottom: 20px !important;}
.p-b30 {padding-bottom: 30px !important;}
.p-b50 {padding-bottom: 50px !important;}
.p-b70 {padding-bottom: 70px !important;}
.p-b80 {padding-bottom: 80px !important;}
.p-b100 {padding-bottom: 100px !important;}
.p-b140 {padding-bottom: 140px !important;}
.p-tb10 {padding-top: 10px !important;padding-bottom: 10px !important;}
.p-tb15 {padding-top: 15px !important;padding-bottom: 15px !important;}
.p-tb30 {padding-top: 30px !important;padding-bottom: 30px !important;}
.p-tb50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.p-tb70 {padding-top: 70px !important;padding-bottom: 70px !important;}
.p-tb100 {padding-top: 100px !important;padding-bottom: 100px !important;}
.p-d30 {padding: 30px !important;}
.w50 {width: 50%;}
.bg-fa {background-color: #FAFAFA;}
.bg2 {background-color: #f6f6f6;}
.acea-row {display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-o-box-lines: multiple;flex-wrap: wrap;}
.acea-row.row-between-wrapper {-o-box-align: center;align-items: center; -o-box-pack: justify;justify-content: space-between;}
.cke_chrome,.cke_top,.cke_bottom,#_chkcode {border-color: #eee !important;}
.imgZoom {overflow: hidden;}
.imgZoom img {transition: all 0.3s;cursor: pointer;}
.imgZoom:hover img {-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
a.foot-demand {position: relative;width: 50px;padding: 15px 0;font-size: 14px;line-height: 16px;border-radius: 25px;text-align: center;right: 0px;color: #fff;margin: 0px;top: -10px;z-index: 2201;display: block;box-shadow: 0 0 10px rgb(0 0 0 / 15%);background-image: linear-gradient(-45deg, var(--green) 8%, var(--green) 80%);}
.form-control:focus {outline: none !important;box-shadow: none !important;border-color: var(--green) !important;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none !important;box-shadow: none !important;}
.btn-green {background: var(--green);color:#fff;}
.btn-green:hover {color: #fff;background-image: linear-gradient(-45deg, var(--danger) 8%, var(--green) 80%);}
.btn-green.w-100 {padding: 12px 0;}
.btn-success {background-color: var(--green);border-color: var(--green);}
.btn-heading {background-color: var(--global-heading);color:#fff;}
.btn-heading:hover {background-color: var(--green);color:#fff;}
.btn-primary {background-color: var(--green);border-color: var(--green);}
.btn-primary:hover {background-color: var(--global-heading);}
.btn-contact {padding: 15px 40px;border-radius: 30px;}
.bg-overlay {position: relative;}
.bg-overlay:before {content: "";display: inline-block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1;}
.btn-l50 {margin-left: 50px;}
.content p {font-size: 16px;line-height: 30px;margin-bottom: 15px;}
.content table {width:100%;}
.content table a {color:var(--red);}


.preloader {position: fixed;top: 0;left: 0;z-index: 999999999;width: 100%;height: 100%;background-color: #fff;overflow: hidden}
.preloader-inner {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.preloader-icon {width: 100px;height: 100px;display: inline-block;padding: 0}
.preloader-icon span {position: absolute;display: inline-block;width: 100px;height: 100px;border-radius: 100%;background: var(--green);-webkit-animation: preloader-fx 1.6s linear infinite;animation: preloader-fx 1.6s linear infinite}
.preloader-icon span:last-child {animation-delay: -.8s;-webkit-animation-delay: -.8s}

.pages a {color: var(--dark);margin-right: 10px;background-color: #EEEEEE;border: 0px;padding: 0.5rem 1.2rem;transition: all 0.3s;display: inline-block;border-radius: 5px;}
.pages .active,.pages a:hover {background-color: var(--green);color: #FFFFFF;border: 0px;}

.overflow1 {-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.overflow2 {-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.zoom-pic:hover img {transition: 0.3s transform;-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-transform: scale(1.1, 1.1);cursor: pointer;}
.imgZoom {overflow: hidden;}
.imgZoom img {transition: all 0.53s;cursor: pointer;}
.imgZoom:hover img {-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

#prscoll::-webkit-scrollbar-track {background-color: #ccc;}
#prscoll::-webkit-scrollbar { width: 5px;}
#prscoll::-webkit-scrollbar-thumb {background-color: #888;}
#prscoll2::-webkit-scrollbar-track {background: none;}
#prscoll2::-webkit-scrollbar { width: 2px;}
#prscoll2::-webkit-scrollbar-thumb {background-color: var(--green);}
.lichen .swiper-slide #prscoll2::-webkit-scrollbar-thumb {background-color: #ccc;} 
.lichen .swiper-slide.swiper-slide-active #prscoll2::-webkit-scrollbar-thumb {background-color: var(--green) !important;}

/*弹窗样式*/
.-popup-opened.-lock {overflow: hidden;}
.item2 {padding: 15px;background: #FFFFFF;display: none;position: relative;left: 50%;top: 50%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);border-radius: 10px;}
.item-close {cursor: pointer;right: 30px;top: 30px;position: absolute;z-index: 999;width: 18px;height: 18px;background-image: url('../images/close.png');background-repeat: no-repeat;}

.menu-box2 {position: fixed;z-index: 3000;top: 0px;left: 0;bottom: 0px;right: 0px;padding: 0px;width: 100%;height: 100%;background-color: #FFFFFF;border-radius: 0px;box-sizing: border-box;}
.-popup-opened .menu-header {position: fixed;z-index: 2;width: 100%;top: 0px;left: 0px;padding: 10px 15px;box-sizing: border-box;background-color: #FFFFFF;}
.head_nav {overflow-y: scroll;height: 100%;padding: 0 0 20px 0;box-sizing: border-box;position: relative;z-index: 1;}
.btn-menu {background: url('../images/fa-menu.png') no-repeat center center;background-size: 36px 26px;display: none;width: 36px;height: 26px;margin-left: 30px; transition: all 0.3s;}
.header.show .btn-menu,.header.on .btn-menu { background-image: url('../images/fa-menu-on.png');}
.account-l {background-color: #FFFFFF;border-radius: 10px;margin-top: 15px;padding: 0 var(--bs-gutter-x, 1.25rem);}
.mobilenav .link {cursor: pointer;display: block;padding: 15px;color: #4D4D4D;font-size: 16px;border-bottom: 1px solid #EEEEEE;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.mobilenav li {cursor: pointer;}
.mobilenav li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}
.mobilenav li i.fr-down {right: 12px;left: auto;color: #999999;font-style:normal;}
.mobilenav li.open .link,.mobilenav li.open .link a {color: var(--green);}
.mobilenav li.open i {color: var(--green);}
.mobilenav li.open i.fr-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu {display: none;font-size: 14px;padding: 15px 0;border-bottom: 1px #EEEEEE solid;}
.submenu a {display: block;text-decoration: none;color: #666;height: 36px;line-height: 36px;font-size: 15px;padding-left: 15px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover,
.submenu li.current a {background: var(--green);color: #FFF;}
.submenu p a {font-size: 13px;padding-left: 30px;line-height: 30px;}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 0
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0,0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
}

@-webkit-keyframes down-up-one {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(25px);
    transform: rotateX(0deg) translateY(25px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }

@keyframes down-up-one {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(25px);
    transform: rotateX(0deg) translateY(25px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); 
	} 
}

@keyframes animation-scale-two {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes inner-three
{
	0%   {top:120px;}
	100% {top:0px;}
}

.header .logo {height: 50px;}
.headnav {position: relative;z-index: 199;background-color: #fff; width: 100%;height: 86px;top: 0;left: 0;box-sizing: border-box;border-bottom: 1px solid #eee;}
.headnav .container {position: relative;}
.headnav:hover {}
.head-right {position: relative;padding-left: 25px;}
.head-right::before {display: block;content: "";background-color: rgba(255, 255, 255, .3);width: 1px;height: 20px;left: 0;top: 50%;transform: translateY(-50%);position: absolute;} 
.head-right a {color: #fff;}
a.top-reg {color: var(--green);background-color: #fff;padding: 0 20px;border-radius: 25px;font-weight: bold;height: 36px;line-height: 36px;display: inline-block;margin-left: 20px;}
.top-tel {color: #333;padding-top: 30px;}
.top-cart {position: relative;font-size: 30px;top: 15px;margin: 0 30px;}
.top-cart .bi {top: -3px;position: relative;}
.head_cart_num {background-color: var(--red);display: inline-block;color: #fff;border-radius: 15px;position: absolute;font-size: 12px;padding: 0 5px;top: 2px;right: -3px;}
.tab-pane img {max-width: 100%;height: auto !important;}
.search-box {padding: 0px;border-radius: 0px;position: fixed;z-index: 2200;width: 100%;box-sizing: border-box;top: 0px;left: 0px;}
.search-box .container {max-width: 1200px;}
.search-form-top {position: relative;}
.search-form-top .form-control {width: 100%;box-sizing: border-box;padding-left: 50px;height: 50px;border: 0;border-bottom: 1px solid #eee;border-radius: 0;}
.search-form-top .far {position: absolute;left: 16px;top: 16px;font-size: 20px;color: #999;}
.search-form {position: relative;top: 23px;right: 30px;}
.search-form .inp {width: 200px;box-sizing: border-box;border: 0px;background-color: #fff;height: 36px;border-radius: 20px;padding: 0 10px 0 40px;}
.search-form .fa {position: absolute;left: 15px;top: 9px;font-size: 18px;color: #999;}
.search-tag {margin-top: 20px;}
.search-tag a {background-color: #fff;border: 1px solid #eee;padding: 5px 10px;margin: 10px 5px 0 0;display: inline-block;border-radius: 5px;font-size: 14px;color: var(--global-heading);}
.search-tag a:hover {color: var(--green);border-color: var(--green);}
.search-tag span {font-size: 16px;padding-right: 10px;}
.btn-search .far {color: #fff;}
.btn-search {padding-right: 20px;}
.head-center {display: flex;}

.nav-menu {display: inline-block;margin: 0 auto;}
.nav-menu .nav-link {padding: 28px 20px;}
.nav-menu .m {position: relative;display: block;float: left;}
.nav-menu b {font-size: 100%;font-weight: normal;text-align: center;height: 86px;line-height: 86px;margin: 0px;overflow: hidden;position: relative;	transition: all 0.3s;}
.nav-menu b a {display: inline-block;vertical-align: top;margin: 0 25px;color: #333;font-size: 16px;font-weight: bold;}
.nav-menu b a i {font-weight: bold;margin-left: 5px;transition: all 0.3s;}
.nav-menu b a:hover i {transform: rotate(180deg);}
.nav-menu .active b a {font-weight: bold;position: relative;}
.nav-menu .active b a::before {position: absolute;content: "";display: block;width: 100%;height: 2px;background-color: #fff;left: 0;bottom: 0;}
.nav-menu .sub {display: none;box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1);position: absolute;z-index: 999;left: -5px;width: 180px;top: 84px;background: #fff;border-radius:0 0 10px;}
.nav-menu .sub li {text-align: left;}
.nav-menu .sub li a {display: block;position: relative;color: #333;transition: all 0.3s;padding: 8px 0 8px 30px;font-size: 16px;}
.nav-menu .sub li a::before {transition: all 0.2s;display: block;content: "";width: 3px;height: 0px;left: 0px;top: 0px;position: absolute;}
.nav-menu .sub li a:hover {color: var(--green);}
.nav-menu .sub li a:hover::before,.slide-menu .hd li.on a::before {background-color: var(--green);height: 20px;top: 7px;}
.nav-menu .menu-m1 .sub { z-index:1; width:100%; left:0px;position: fixed;z-index: 2022; right: 0px;border-radius: 0px;box-shadow: 0 10px 11px 0 rgb(0 0 0 / 10%);border-top: 1px solid #EEEEEE;}
.nav-menu .menu-m1 .sub li a:hover::before {display: none;}

.slide-menu .hd { float: left;width: 15%;position: relative;}
.slide-menu .hd li a {padding: 8px 0;font-size: 16px;}
.slide-menu .hd li.on a {color: var(--green);font-weight: bold;}
.slide-menu .hd li a::before {left: auto;right: 0px;}
.slide-menu .hd li.on a::before {display: block !important;}
.slide-menu .bd { float: right; position: relative;width: 85%;box-sizing: border-box;padding-left: 150px;}
.slide-menu .bd::before,.slide-menu .hd::before {display: block;content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #eee;}
.slide-menu .hd::before {left: auto;right: -1px;}
.slide-menu .bd .cate-li {column-count: 4;-webkit-column-count: 4;-moz-column-count: 4;}
.slide-menu .bd li {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;break-inside: avoid;margin-bottom: 20px;}
.slide-menu .bd li b {font-size: 16px;padding-bottom: 10px;font-weight: normal;line-height: 26px;}
.slide-menu .bd li p {color: #999;}
.slide-menu .bd li a {display: inline-block;font-size: 14px;padding: 5px 10px;}
.slide-menu .bd li .text span {padding-left: 5px;}
.slide-menu .bd li .icon {margin-bottom: 20px;height: 60px;width: 60px;position: relative;z-index: 1;}
.slide-menu .bd li .icon img {width: 100%;}

.header:hover .nav-menu b a,.header.show .nav-menu b a,.header.on .nav-menu b a,.header:hover .btn-search .fa-search,.header.show .headnav .btn-search .fa-search {color: #fff !important;}
.header .nav-menu .active b a,.header.show .nav-menu .active b a,.header.on .nav-menu .active b a {color: var(--green);}
.header .nav-menu .active b a::before,.header.show .nav-menu .active b a::before,.header.on .nav-menu .active b a::before {background-color: var(--green);}
.header:hover .nav-menu b a:hover,.header:hover .btn-search .far,.header.show .btn-search .far, .header.on .btn-search .far,.header:hover .head-right a,.header.show .head-right a,.header.on .head-right a {color: var(--green);}
.header.show .logo,.header:hover .logo,.header.on .logo {display: block;}
.header.show .logo2,.header:hover .logo2,.header.on .logo2 {display: none;}
.headnav {transition: all 0.3s;}
.header.show .headnav {background-color: var(--blue);position: fixed;border-bottom: 0px;}
.headnav:hover {background-color: var(--blue);}
.header:hover .search-form .inp,.header.show .search-form .inp,.header.on .search-form .inp{background-color: #f2f2f2;}
.header:hover a.top-reg,.header.show a.top-reg,.header.on a.top-reg {color: #fff;background-image: linear-gradient(90deg, var(--green) 38%, var(--danger) 100%);} 
.header:hover .head-right::before,.header.show .head-right::before,.header.on .head-right::before {background-color: rgba(0, 0, 0, .1);}
.btn-search .fa-search {color: #222 !important;}
.header.show .headnav .logo1,.header:hover .headnav .logo1,.header .headnav .logo2 {display: none;}
.header.show .headnav .logo2,.header:hover .headnav .logo2 {display: block;}

.home-name {padding-top: 60px;padding-bottom: 40px;margin: 0 auto;position: relative;}
.home-name .title {font-size: 24px;color: #cecece;line-height: 1;display: block;font-weight: normal;}
.home-name h3 {font-size: 36px;color: var(--heading);margin-bottom: 0;}
.home-name p {color: #727272;}
.home-name2 h3,.home-name2 p {color: #fff;}
.about-name {max-width: 1100px;margin: 0 auto;}
.more-about a {border: 1px solid #ccc;display: inline-block;padding: 15px 45px;border-radius: 5px;}
.more-about a:hover {border-color: var(--green);color: var(--green);}
.home-name h2,.about-name h3 {font-size: 36px;color: var(--heading);margin-bottom: 20px;}
.frmore {position: absolute;right: 0;top: 70px;} 
.frmore a {display: inline-block;padding-right: 50px;}
.frmore a:hover {font-weight: bold;} 
.frmore a:hover i {background-color: var(--green);border-color: var(--green);}
.frmore a:hover i::before {color: #fff;}

.index_banner_container {position: relative;}
.index_banner_nav {bottom: 30px !important;z-index: 100;}
.index_banner {width: 100%; box-sizing: border-box;position: relative;transition: all 0.3s;position: relative;overflow: hidden;}
.index_banner .swiper-slide {position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;height: 100%;}
.index_banner .swiper-pagination-bullet {width: 10px;height: 10px;margin-right:30px;border-radius: 10px;background-color: #fff;opacity: 1;}
.index_banner .swiper-pagination-bullet-active { background-color: var(--red);}
.index_banner .swiper-button-next,.index_banner .swiper-button-prev {border: 1px solid var(--red);background-color: var(--red);color: #fff;width: 40px;height: 60px;border-radius: 0 10px 10px 0 ;left: 0;right: auto !important;opacity: 0;transition: all 0.3s;position: absolute;z-index: 10;}
.index_banner .swiper-button-next:hover,.index_banner .swiper-button-prev:hover {opacity: 0.6;}
.index_banner .swiper-button-next {left: auto !important;right: 0 !important;border-radius: 10px 0 0 10px;}
.index_banner .text {text-align: center;font-size: 16px;color: #fff;max-width: 660px;margin:0 auto;}
.index_banner .text h2 {font-size: 48px;font-weight: bold;color: #fff;}
.index_banner .btn-more a {background-color: #fff;color: #fff;display: block;overflow: hidden; width: 46px;height: 46px;line-height: 46px; border-radius: 23px;transition: all 0.3s;margin: 50px auto 0 auto;}
.index_banner .btn-more .far {color: var(--green);}
.index_banner .btn-more span {padding-right: 5px;font-size: 0;}
.index_banner .btn-more a:hover span {font-size: 16px;}
.index_banner .btn-more a:hover {background-color: var(--green);width: 160px;}
.index_banner .btn-more a:hover  .far{color: #fff !important;}
.index_banner .item-inner {transition: all 0.3s;text-align: center;margin-top: 20px;}
.index_banner .item-inner .far {transition: all 0.3s;background-color: #f7faff;color: var(--green);display: block;width: 80px;height: 80px;border-radius: 10px;margin: 0 auto 5px auto;padding: 20px;}
.index_banner .item-inner .far img {width: 100%;}
.index_banner .item-inner p {padding: 0 !important;}
.index_banner .item-inner:hover .far {background-color: var(--global-heading);color: #fff;}
.index_banner .img1 {display: block;overflow: hidden;}
.index_banner .img2 {display: none;}

.cpmore a { display:inline-block; text-align:center; border:1px #999 solid; transition: all 0.36s ease; color:#333; margin:40px auto 60px 0; line-height:46px; border-radius:25px; padding:0 60px; font-size:16px;}	
.cpmore a:hover { background-color:var(--blue); color:#fff; border-color:var(--blue);}

.cate-img2 { position:relative;  background:url(../images/catebg2.jpg) no-repeat center center;  height:406px;}
.cate-img2 ul li {width:370px; padding:20px; box-sizing:border-box; text-align:right; background:#fff;  box-shadow:0 2px 45px rgba(0,0,0,.1); border-radius:10px; border:1px #eee solid;transition: all 0.36s ease;}
.cate-img2 ul li .text { width:230px;}
.cate-img2 ul li .text h2 { font-size:18px; font-weight:bold; color:#333;padding-top:3px;}
.cate-img2 ul li .text h3 { font-size:14px;  height:40px; line-height:20px; overflow:hidden; display:block;font-weight: normal;}
.cate-img2 ul li .pic img { width:80px; height:80px; border-radius:100%; display:block; overflow:hidden;}
.cate-img2 ul li:hover { color:#fff; background:var(--blue); box-shadow:0 2px 45px rgba(11,42,108,.3); border-color:var(--blue);}
.cate-img2 ul li:hover a,.cate-img2 ul li:hover a h2,.cate-img2 ul li:hover a h3 { color:#fff;}
.t-left { text-align:left;}
.catebg2 {width:400px; height:400px; border-radius:100%; left:50%; margin-left:-200px; background:url(../images/cate.jpg) no-repeat center center; background-size:cover; position:absolute;}

.cate-img2 ul li { position:absolute; }
.icon-f1,.icon-f3,.icon-f5 { float:left; left:0;}
.icon-f3,.icon-f4 { top:142px;}
.icon-f5,.icon-f6 { top:284px;}
.cate-img2 ul li.icon-f2,.cate-img2 ul li.icon-f4,.cate-img2 ul li.icon-f6 { float:right; right:0; text-align:left;}
.icon-f2 .fl,.icon-f4 .fl,.icon-f6 .fl { float:right;}
.icon-f2 .fr,.icon-f4 .fr,.icon-f6 .fr { float:left;}

.home-content table {background-color: #fff;}
.home-content p {margin: 0px;}

.newproduct {overflow: hidden;position: relative;margin-bottom: 30px;}
.newproduct .text {position: absolute;z-index: 9;left: 150px;top: 50%;transform: translateY(-50%);font-size: 36px;color: #000;text-align: left;}
.newproduct .text p {padding-top: 10px;}
.newproduct .pic .img2 {display: none;}
.morelist {margin-top: 70px;}
.morelist a {font-size: 22px;line-height: 30px;display: block;float: left;position: relative;padding-right: 50px;transition: all 0.3s;}
.mores {border: solid 3px #242933;width: 40px;height: 29px;border-radius: 14px;transition: all 0.3s; display:block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: "Font Awesome 5 Pro";font-style: normal;}
.mores:before {content: "\f105";display: block;line-height: 24px;font-weight: bold;transition: all 0.3s;position: relative;left: 13px;}
.morelist a:hover .mores {border-color: var(--green);width: 45px;height: 32px;border-radius: 25px;}
.morelist a:hover .mores::before {left: 15px;color: var(--green);}
.morelist a:hover  {font-weight: bold;letter-spacing: 1px;}
.fancybox-container .mores {display: none;}

.item-two {background-color: rgba(255, 255, 255, .5);overflow: hidden;transition: all 0.3s;margin-bottom: 30px;}
.item-two .pic {padding:80px 200px 30px 200px;}
.item-two .text {text-align: center;position: relative;padding: 0 20px 80px 20px;transition: all 0.3s;top: 0;}
.item-two .text p  {transition: all 0.1s;}
.item-two .more {position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);transition: all 0.3s;opacity: 0;}
.item-two .more a {background-color: var(--green);color: #fff;display: inline-block;padding: 9px 30px;border-radius: 30px;}
.item-two:hover {background-color: #fff;}
.item-two:hover .text p {opacity: 0;}
.item-two:hover .text {top: 20px;}
.item-two:hover .more {bottom: 60px;opacity: 1;}

.inner-search {position: relative;width: 500px;}
.inner-search .far {position: absolute;left: 20px;top: 20px;}
.inner-search .form-control {width: 78%;float: left;padding: 15px 15px 15px 50px;height: auto !important;background: #fff !important;border-radius: 30px;}
.inner-search .btn {float: right;background-color: var(--green);color: #fff;height: 56px;width: 20%;font-weight: bold;border-radius: 30px;}
.inner-search .btn:hover {background-color: var(--global-heading);}

.fuwu-list {background-color: #f8f8f8;border-radius: 20px;padding: 50px 60px;}
.fuwu-list .title {font-size: 30px;font-weight: bold;}
.fuwu-list .pic {width: 80px;height: 80px;border-radius: 40px;background-color: #fff;overflow: hidden;margin-top: 50px;padding: 15px;box-sizing: border-box;}
.fuwu-list p {font-size: 18px;color: #999;padding-top: 5px;}

.item-case {position: relative;overflow: hidden;min-height: 320px;}
.item-case .pic {border-radius: 15px;overflow-y: hidden;position: relative;overflow: hidden;z-index: 1;border: 1px solid #eee;background-color: #fff;}
.item-case .pic img {transition: all 0.3s;padding: 20px 50px;}
.item-case .text {width: 100%;box-sizing: border-box;transition: all 0.5s;text-align: center;padding-top: 10px;}

.server-box2 {border-radius: 24px;display: flex;background-color: #f6f6f6;}
.server-box2 .left {width: 42%;padding: 0 5%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.server-box2 .left .text {font-size: 24px;font-weight: bold;color: #666;}
.server-box2 .right {border-left: 1px solid rgba(131, 0, 6, .07);width: 58%; padding: 0 5%;box-sizing: border-box;}
.service-tag {font-size: 15px;font-weight: bold;color: #666;}

.service-box {border-radius: 15px;overflow: hidden;background: url(../images/1-1.jpg) no-repeat center center;transition: all 0.3s;background-size: 100%;}
.service-box:hover {background-size: 115%;}
.project-item {position: relative;z-index: 1;border-right: 1px solid rgba(255, 255, 255, .5);}
.project-item .image {position: relative;z-index: -1;}
.project-item .image img {width: 100%;opacity: 0;transition: all 0.3s;}
.project-item .content {position: absolute;z-index: 3;left: 0;bottom: -88px;color: #fff;padding: 40px;width: 100%;box-sizing: border-box;transition: all 0.3s;}
.project-item::after {position: absolute;z-index: 2;content: "";display: block;background-color: rgba(0, 0, 0, .3);width: 100%;height: 100%;top: 0;left: 0;} 
.project-item .content .number {top: -75%;left: 50%;z-index: -1;opacity: 0.15;font-size: 200px;font-weight: 600;position: absolute;color: transparent;-webkit-text-stroke: 1px;text-transform: uppercase;font-family: "Poppins", sans-serif; -webkit-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%); -webkit-text-stroke-color: white;}
.project-item h3 {font-weight: bold;padding-bottom: 10px;transition: all 0.3s;color: #fff;font-size: 26px;}
.project-item .content p {margin: 10px 0 !important;}
.project-item .content p a {color: #fff;transition: all 0.3s;}
.project-item .theme-btn {background-color: var(--green);color: #fff;padding: 12px 20px;margin-top: 20px; box-sizing: border-box;display: inline-block;opacity: 0;transition: all 0.3s ease 0s;}
.project-item .theme-btn:hover {background-image: linear-gradient(90deg, var(--green) 8%, var(--danger) 80%);border-radius: 5px;}
.project-item:hover::after {background: linear-gradient(rgba(0, 0, 0, 0.5) 0%, #000 100%);}
.project-item:hover .content {bottom: 0;}
.project-item:hover .theme-btn {opacity: 1;}
.project-item:hover .content .number {-webkit-text-stroke-color: var(--green);opacity: 0.6;}
.project-item:hover .content p a:hover,.project-item:hover h3 {color: var(--green);letter-spacing:2px;}
.project-item:hover h3 {font-size: 42px;}

.portfolio-slider {overflow: hidden;}
.portfolio-slider .swiper-slide {width: 40%;}
.portfolio-slider .swiper-slide .text {margin-top: 30px;height: 70px;overflow: hidden;opacity: 0;padding: 0 10px;}
.portfolio-slider .swiper-slide .text .note {position: relative;bottom: -80px;transition: all 0.5s;}
.portfolio-slider .swiper-slide .text .read-more2 {position: relative;right: -200px;opacity: 0;transition: all 0.5s;}
.portfolio-slider .swiper-slide.swiper-slide-active .text .read-more2 {right: 0;opacity: 1;}
.portfolio-slider .swiper-slide.swiper-slide-active .text {opacity: 1;}
.portfolio-slider .swiper-slide.swiper-slide-active .text .note {opacity: 1;bottom:0;}
.portfolio-slider .swiper-slide .text h3 {font-size: 26px;}
.portfolio-slider .swiper-slide .pic {position: relative;}
.portfolio-slider .swiper-slide .pic i {position: absolute;z-index: 10;top: 40%;left: 50%;transform: translate(-50%,-50%);display: block;opacity: 0;transition: all 0.3s;font-size: 60px;color: #fff;font-style: normal;}
.portfolio-slider .swiper-slide .pic img {position: relative;z-index: -1;}
.portfolio-slider .swiper-slide .pic::after {display: block;content: "";position: absolute;z-index: 2; top: 50%;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(0, 0, 0, .6);transition: all 0.3s;}
.portfolio-slider .swiper-slide .pic:hover i {top: 50%;opacity: 1;}
.portfolio-slider .swiper-slide .pic:hover::after {top: 0;opacity: 1;}
.category a {color: var(--green);}
.category a:hover {color: var(--danger);}
.category {background-color: #dbf2ea;border-radius: 50px;color: var(--green);font-size: 13px;margin-top: 5px;line-height: 1;padding: 6px 15.3px;text-transform: capitalize;display: inline-block;transition: 0.4s;}

.bg-w1500 {position: relative;}
.bg-w1500::before {display: block;content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1500px;height: 100%;background-color: #FAFAFA;border-radius: 15px;}

/*公司介绍下视频*/
.home-video {
    position: relative;
    height: 650px;
    overflow: hidden;
}
.home-video .basecont {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.home-video .video {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.home-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/wenli.png) center;
    opacity: 0.8;
    z-index: 3;
}
.home-video .basecont .font {
    text-align: center;
    color: #fff;
}
.home-video .basecont .font .tit {
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}
.home-video .basecont .font .text {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 60px;
}
.home-video .basecont .font .but img {
    width: 40px;
    margin-right: 20px;
}
.home-video .basecont .font .but {color: #FFFFFF;}



/*服务列表*/
.service-banner {height: 800px;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;background-attachment: fixed;}
.service-banner .container {position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.service-banner .container .number {top: -120px;left: 50%;transform: translateX(-50%);transition: all 0.3s; z-index: -1;opacity: 0.15;font-size: 200px;font-weight: 600;position: absolute;color: transparent;-webkit-text-stroke: 1px;text-transform: uppercase;font-family: "Poppins", sans-serif;-webkit-text-stroke-color: white;}
.service-banner:hover .container .number {-webkit-text-stroke-color: var(--green);opacity: 0.55;}
.sbanner {background-color: #f0eef0;}
.sbanner .container .number {font-size: 160px;top: -10px;}
.service-cate {position: relative;}
.service-cate .title {font-size: 48px;font-weight: bold;}
.service-cate .note {margin-top: 30px;margin-bottom: 40px;line-height: 35px;}
.service-cate .btn {padding: 10px 30px;}
.service-topimg {position: absolute;right: 0;top: 0;height: 100%;}
.service-topimg img {height: 100%;max-width:none !important;}
.service-topimg video {height: 100%;}
.mar-g200 {margin-top: -180px;position: relative;z-index: 10;margin-bottom: 50px;}
.service-list {padding: 30px 80px 80px 80px;}
.service-list .row {margin-right: -25px;margin-left: -25px;}
.service-list .col-lg-6 {padding-left: 25px;padding-right: 25px;}
.item-service {margin-top: 50px;}
.item-service h2 {font-size: 22px;padding-bottom: 10px;}
.item-service .note {color: #999;}
.item-service:hover h2 {color: var(--green);text-decoration: underline;}
.page-breadcrumb a {color: rgba(255,255,255,0.7);font-size: 14px;}
.page-breadcrumb a:hover {color: var(--green);}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {color: rgba(255,255,255,0.5);}

/*服务详情*/
.service-content {max-width: 1000px;margin: 0 auto;}
.service-content .en span {display: inline-block;color: var(--green);text-transform: uppercase;font-size: 16px;}

.service-pic {padding: 30px;}
.service-pic .title {padding-top: 10px;}
.tubiao_bg1 {padding: 100px 0 50px 0;background-size: cover;background-repeat: no-repeat;}
.tubiao_bg1 .desc {padding-bottom: 100px;}
.tubiao1 {position: relative;max-width: 45%;}
.tubiao1-pic {margin-bottom: 40px;background-color: #fff;padding: 30px;border-radius: 5px;}
.tubiao1-pic .pic {float: left;width: 80px;margin-top: 12px;}
.tubiao1-pic .title {font-size: 24px;padding-bottom: 10px;color: #000;}
.tubiao1-pic .note {padding-left: 100px;color: #777777;}
.tubiao_bg2 {background-repeat: no-repeat;background-size: 100%;background-position: top center;}
.tubiao_w2 {max-width: 1200px;margin: 0 auto;padding-top: 100px;}
.tubiao2 {color: #fff;}
.tubiao2 .en {text-transform: uppercase;color: var(--green);}
.tubiao2 h4 {color: #fff;margin-bottom: 20px;}
.tubiao2 .note {margin-top: 30px;line-height: 35px;color: #999;}
.xiangyingshi_pic1 {max-width: 600px;margin: 70px auto 0 auto;}
.fujia-list {margin-right: -2px;}
.item-fujia {width: calc(25% - 2px);margin-right: 2px;margin-bottom: 2px;position: relative;overflow: hidden;z-index: 2;float: left;height: 300px;padding: 40px;box-sizing: border-box;background-color: #f5f5f5;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.item-youshi {height: 176px;overflow: hidden;}
.item-fujia .title {color: #000;font-size: 18px;font-weight: bold;line-height: 28px;}
.item-fujia:before {display: block;content: "";position: absolute;z-index: -1;width: 0;height: 100%;top: 0;left: 0;transition: width 0.3s;background-image: linear-gradient(90deg, var(--green) 38%, var(--danger) 100%);}
.item-fujia .note {color: #777777;margin-top: 20px;}
.item-fujia .item-price {position: absolute;bottom: 40px;left: 40px;}
.item-fujia .item-price .price1 {font-size: 30px;font-weight: bold;color: #000;}
.item-fujia:hover:before {width: 100%;}
.item-fujia:hover,
.item-fujia:hover .note,
.item-fujia:hover .title,
.item-fujia:hover .item-price .price1 {color: #FFFFFF;}
.item-fqa .title {font-size: 18px;font-weight: bold;color: #000;display: block;}
.item-fqa .note {color: #777777;line-height: 30px;margin-top: 20px;}
.fqa-list .row {margin-right: -30px !important;margin-left: -30px !important;}
.fqa-list .col-md-4 {padding-right: 30px !important;padding-left: 30px !important;}

.item-case2 .title {font-size: 18px;padding: 20px 0 30px 0;font-weight: bold;}
.item-case2:hover .title {color: var(--green);text-decoration: underline;}

.item-tslm {background-color: #ffffff;margin-bottom: 30px;position: relative;padding: 50px;}
.item-tslm .pic {width: 60px;margin: 0 auto;}
.item-tslm .title {font-size: 18px;padding-top: 10px;}
.item-tslm .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-image: linear-gradient(-45deg, var(--danger) 8%, var(--green) 80%);transition: all 0.3s;color: #fff;}
.item-tslm .text .note {position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0 20px;box-sizing: border-box;}
.item-tslm .text h5 {color: #fff;}
.item-tslm:hover .text {opacity: 1;}

/*项目流程*/
.luchen-item {text-align: center;position: relative;z-index: 3;}
.luchen-item .p-num {position: relative;width: 110px;height: 110px;line-height: 110px;font-size: 48px;font-weight: bold;transition: all 0.3s;margin: 0 auto;color: #C3CAD4;background-color: #FFFFFF;border-radius: 100%;border: 1px solid #e4ecfc;}
.luchen-item h6 {color: var(--dark);font-size: 20px;font-weight: 600;padding: 20px 0 10px 0;}
.luchen-item p {color: #999999;}
.luchen-box {position: relative;}
.luchen-box .col-md-2 {position: relative;z-index: 9;}
.luchen-box .bg-line {position: absolute;z-index: 1;top: 55px;left: 5%;width: 90%;border-top: 1px dashed #dee6f7;}
.luchen-item.active .p-num,.luchen-item:hover .p-num {color: #FFFFFF;box-shadow: 8px 8px 20px 0 rgba(0,199,193,0.1);background-color: var(--green);cursor: pointer;}
.luchen-item.active .p-num:before,.luchen-item:hover .p-num:before {background-color: rgba(25, 206, 103, 0.3);border-radius: 50%;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%; z-index: -2;animation: animation-scale-two 1.8s infinite;-webkit-animation: animation-scale-two 1.8s infinite;}
.luchen-item:hover .p-num {margin-top: -10px;}

.statistics-box {width: 100%;padding: 80px;position: relative;z-index: 1;color: #fff;border-radius: 15px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-attachment: fixed; }
.statistics-box::before {position: absolute;content: "";width: 100%;height: 100%;z-index: -1;top: 0;left: 0;opacity: 0.9;background-color: var(--green);}
.statistics-box h2 {font-size: 26px;color: #fff;}
.section-title span {font-size: 14px;line-height: 20px;font-family: "Poppins", sans-serif;padding-bottom: 20px;display: block;}
.statistics-content a.read-more {color: #fff;}
.num-item {transition: all 0.3s;}
.num-item i {display: block;margin: 0 auto; font-size: 40px;width: 90px;height: 90px;line-height: 90px;text-align: center; border-radius: 50%;}
.num-item span {font-size: 26px;font-weight: bold;color: var(--green);}
.num-item2 {position: relative;z-index: 0;border-top: 2px solid var(--green);padding-top: 30px;}
.num-item2 i {background: rgba(0, 0, 0, .1);margin-bottom: 20px;}
.num-item2 .num-inf {color: #555;}

.about-page-num span {font-size: 32px;}

.item-culture .title {padding: 30px;}
.item-culture .title b {font-size: 24px;padding-bottom: 10px;}

.wenhua-left {max-width: 450px;position: relative;height: 100%;}
.wenhua-left h3 {font-size: 36px;color: var(--heading);margin-bottom: 0;}
.wenhua-left p {font-size: 18px;padding-top: 20px;}
.item-wenhua {position: relative;padding: 50px 50px 50px 100px;border-bottom: 1px solid rgba(131, 0, 6, .07);transition: all 0.3s;}
.item-wenhua h4 {font-weight: normal;}
.item-wenhua:hover h4 {color: var(--green);}
.item-wenhua .pic {position: absolute;width: 80px;height: 80px;border: 1px solid #fff; left: 0px;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, .5);border-radius: 15px 35px 15px 35px; box-shadow: 0 15px 25px rgba(131, 0, 6, .1);background-color: var(--green);}
.item-wenhua .pic img {width: 60px;padding: 10px;box-sizing: border-box;position: relative;z-index: 2;top: 10px;left: 10px;}


.lichen .hotpr-nav {position: absolute;right: 0;top: -70px;width: 100px;height: 50px;}
.lichen-name p {padding-top: 15px;font-size: 18px;}
.item-lichen,.lichen {position: relative;}
.lichen .swiper-slide {padding-left: 50px;opacity: 0.3;}
.lichen .swiper-slide.swiper-slide-active {opacity: 1;}
.lichen .swiper-slide::after {display: block;content: "";position: absolute;width: 2px;height: 100%;top: 0;left: 0;background-color: #ddd;}

.lichen .swiper-slide.swiper-slide-active::after {}
.item-lichen .title {font-size: 32px;color: var(--green);line-height: 40px;padding-bottom: 30px;transition: all 0.3s;}
.item-lichen .pic {width: 60%;height: 160px;border-radius: 5px;overflow: hidden;margin-bottom: 20px;}
.item-lichen .pic img {border-radius: 5px;width: 100%;}
.item-lichen .note {width: 100%;padding-right: 50px;box-sizing: border-box;color: #777;}
.item-lichen .note b {font-size: 18px;color:var(--heading);}
.swiper-slide-active .item-lichen .title {font-weight: bold;}

.picList { border-radius: 14px;margin-bottom: 30px;border: 1px solid #fff; background-color: #fff;width: 100%; overflow:hidden; text-align:center;position: relative;  }
.picList .pic {width: 140px;margin: 0 auto;}
.picList .title {position: absolute;font-size: 18px; top: -50%;transform: translateY(-50%);text-align: center;left: 0;width: 100%;padding: 0 30px;color: #fff;font-weight: bold;transition: all 0.3s;}
.picList::before {display: block;content: "";background-color: var(--green);width: 100%;height: 100%;position: absolute;top: 0;left: -100%;}
.picList:hover::before {left: 0;}
.picList:hover .title {top: 50%;}
.picList:hover {border: 1px solid rgba(255, 255, 255, 0.04);box-shadow: 0 15px 25px rgba(131, 0, 6, .2);}

.about-photo {margin-top: 30px;}
.about-photo img {width: 100%;}

.max-650 {max-width: 650px;}
.customer-left {position: relative;}
.customer-swiper {overflow: hidden;max-width: 430px;} 
.customer-swiper .swiper-slide {padding-bottom: 90px;position: relative;}
.customer-swiper .swiper-slide img {width: 100%;border-radius: 100%;padding: 5px; cursor: pointer;}
.customer-swiper .swiper-slide.swiper-slide-thumb-active img {border: 3px solid #fff;padding: 0;box-shadow: 8px 8px 20px 0 rgba(0,199,193,0.1);}
.customer-line {position: relative;}
.customer-line::before,.customer-swiper .swiper-slide::before {display: block;content: "";background-color: #fff;width: 100%;height: 1px;position: absolute;left: 0;bottom: 50px;}
.customer-swiper .swiper-slide::before {width: 0;height: 3px;background-color: var(--green);bottom: 49px;left: 50%;transform: translateX(-50%);transition: all 0.3s;}
.customer-swiper .swiper-slide.swiper-slide-thumb-active::before {width: 80%;}
.customer-swiper .swiper-slide.swiper-slide-thumb-active:after {position: absolute;display: block;z-index: 9;width: 0;height: 0;content: '';bottom: -15px;border: 27px solid;right: -10px;border-left-color: #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 22px solid transparent;}
.customer-swiper2 {overflow: hidden;}
.item-customer {background-color: #fff;border-radius: 15px;padding: 30px;font-size: 16px;line-height: 30px;color: var(--secondary);}
.item-customer .author {margin-top: 20px;position: relative;padding-left: 75px;}
.item-customer .author:before {position: absolute;content: "\f10e";font-size: 55px;left: 1px;top: 50%;font-weight: 300;color: var(--green);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-family: "Font Awesome 5 Pro";}
.item-customer .author .h4 {display: block;margin-bottom: 0;font-weight: bold;color: var(--dark);font-size: 26px;}
.item-customer .author span {color: #999;}
.customer-bg {position: relative;background-position: center right;background-repeat: no-repeat;}
.customer-bg .container {position: relative;z-index: 99;}
.customer-bg::before,.customer-bg::after {display: block;content: "";position: absolute;z-index: 0;left: 0;top: 0;width: 50%;height: 100%;background-color: var(--green);opacity: 0.8;}
.customer-bg::after {background: url('../images/circle-shape1.png') no-repeat bottom left;z-index: 1;opacity: 1; -webkit-animation: down-up-one 5s infinite;animation: down-up-one 5s infinite;}

/*我们的客户*/
.customer-box {padding: 50px;width: 100%; background-color: #fff;border-radius: 10px;}
.page-customer {line-height: 30px;}
.page-customer .title {font-weight: bold;color: #000;font-size: 24px;margin-top: 10px;padding-bottom: 10px;}

/*新闻列表*/
.news-item {background-color: #fff;overflow: hidden;position: relative;transition: all 0.3s;top: 0;}
.news-item .pic {position: relative;overflow: hidden;}
.news-item .pic img {width: 100%;transition: all ease-out .3s;}
.news-item .dateline {font-family: "Roboto", sans-serif;color: #999;padding-top: 10px;}
.news-item .text {padding: 20px;}
.news-item .no-title {font-size: 18px;width: 90%;color: #fff; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: rgba(0, 0, 0, .2);text-align: center;border-radius: 5px;padding:10px 20px;}
.news-item .text .title {font-size: 20px;font-weight: bold;padding-top: 10px;transition: all 0.3s;height: 76px;}
.news-item .text .note {color: #999;margin-top: 15px;}
.news-item .more {border-top: 1px solid #eee;padding:20px 0 15px 0;margin-top: 25px;position: relative;}
.news-item .more::before {display: block;height: 2px;width: 0;background-color: var(--green);content: "";position: absolute;left: 0;top: -1px;transition: all 0.3s;}
.news-item .more .far {margin-top: 4px;}
.news-item:hover .text .title a {color: var(--green);text-decoration:underline;}
.news-item:hover .more::before {width: 100%;}
.news-item:hover .more {font-weight: bold;}

.news-cate {position: relative;}
.news-cate h3 {display: block;padding-bottom: 10px;}
.news-cate h3 span {font-size: 16px;font-weight: normal;padding-left: 20px;color: #999;}

.news-catetwo ul {display: flex;} 
.news-catetwo ul li {margin-right: 30px;display: inline-block;font-size: 18px;}
.news-catetwo ul li span {margin-left: 5px;}
.news-catetwo ul li.active a {color: var(--green);font-weight: bold;}

.mynews {position: relative;overflow: hidden;padding-bottom: 50px;}
.item-hotnews {background-color: #f0f2f5;overflow: hidden;}
.item-hotnews .pic {width: 55%;height: 460px;position: relative;overflow: hidden;float: left;}
.item-hotnews .pic img {top: -50%;position:absolute;}
.item-hotnews .news-item {width: 45%;float: right;background: none;}
.item-hotnews .news-item .text {padding: 50px 50px 0 50px;}
.item-hotnews .news-item .dateline {color: #333;padding-bottom: 20px;}
.item-hotnews .news-item .text .title {font-size: 30px;height: auto;line-height: 36px;}
.item-hotnews .news-item .text .note {margin-top: 40px;}
.item-hotnews .news-item .more {border-top:2px solid #ccc;margin-top: 45px;}

.item-pro {background-color: #fff;overflow: hidden;border:1px #fff solid;transition:all 0.3s;}
.item-pro .text {padding: 30px 25px 80px 25px;position: relative;}
.item-pro .text h3 {font-size: 20px;}
.item-pro .text p {color: #999;}
.item-pro .text .mores {bottom: 20px;opacity: 0.5;right:auto !important;top:auto !important;}
.item-pro:hover .mores {opacity: 1;border-color: var(--blue);}
.item-pro:hover {background-color: #f9f9f9;border-color:var(--blue); background-image: linear-gradient(45deg, rgba(255,255,255,0.1) 50%, rgba(0,58,204,0.09) 100%);}
.item-pro:hover h3 {color:var(--blue);}
.hotproduct .hotpr-nav {position: absolute;right: 0;top: -70px;width: 100px;height: 50px;}
.hotproduct .swiper-button-next, .hotproduct .swiper-button-prev,.lichen .swiper-button-next, .lichen .swiper-button-prev {opacity: 1;width: 40px;height: 29px;border-radius: 14px;background: none;border: solid 3px #242933;transition: all 0.3s;padding: 0;}
.hotproduct .swiper-button-next:after, .hotproduct .swiper-button-prev:after,.lichen .swiper-button-next:after, .lichen .swiper-button-prev:after {font-size: 22px;font-weight: bold;content: "\f105";font-family: "Font Awesome 5 Pro";color: #242933;}
.hotproduct .swiper-button-prev:after,.lichen .swiper-button-prev:after {content: "\f104";}
.hotproduct .swiper-button-disabled,.hotproduct .swiper-button-disabled {opacity: 0.5;}
.hotproduct .swiper-button-next:hover, .hotproduct .swiper-button-prev:hover,.lichen .swiper-button-next:hover, .lichen .swiper-button-prev:hover {border-color: var(--green);}
.hotproduct .swiper-button-next:hover:after, .hotproduct .swiper-button-prev:hover:after,.lichen .swiper-button-next:hover:after, .lichen .swiper-button-prev:hover:after {color: var(--green);}

/*弹窗留言*/
.demand-box {padding: 0px;border-radius: 10px;position: fixed;z-index: 2200 !important;width: 1100px;height: 680px;box-sizing: border-box;margin-left: -550px;margin-top: -340px;overflow: hidden;}
.demand-bg {position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-repeat: no-repeat;color: #FFFFFF;box-sizing: border-box;padding: 30px 40px;}
.demand-box .title {border-bottom: 2px solid rgba(255, 255, 255, 0.5);font-size: 24px;font-weight: bold;padding-bottom: 20px;color: #fff;}
.demand-box .item-close {top: 40px;right: 40px;}
.demand-form .title2 {color: var(--dark);}
.demand-form {padding: 30px 40px;box-sizing: border-box;position: absolute;z-index: 1;right: 0;top: 0;width: 50%;height: 100%;background-color: #EEEEEE;}
.demand-form .title {border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
.demand-form .form-control {background-color: #FFFFFF;border-radius: 5px;padding: 0 15px;border: 0;height: calc(2em + 0.75rem + 2px);font-size: 16px;}
.demand-bg ul {padding: 0px;}
.demand-bg li {position: relative;list-style: none;margin-top: 40px;}
.demand-bg .p-title {font-weight: bold;font-size: 18px;line-height: 30px;padding-left: 40px;position: relative;}
.demand-bg .p-num {position: absolute;background-color: #FFFFFF;color: var(--green);display: block;font-size: 18px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;left: 0;top: 0;}
.demand-bg .p-text {font-size: 16px;padding-left: 40px;position: relative;}
.demand-form .inp_content {width: 100%;border: 0px;padding: 10px 15px;height: 120px;font-size: 16px;border-radius: 5px;outline: none;}
.demand-form .form-li {margin-top: 20px;}
.demand-form label span {color: var(--red);}
.form_select_type.form-control {font-size: 16px;color: #777777;border-radius: 5px;padding: 12px 15px;height: auto;}

/*内页开始*/
.page-mgtop {margin-top: -240px;z-index: 5;position: relative;}
.sticky-top100 {position: sticky;top: 100px;}
.sticky-top120 {position: sticky;top: 120px;}
.sticky-top180 {position: sticky;top: 180px;}

.bannerall {position: relative;overflow: hidden;text-align: center;}
.bannerall::before {display: block;content: "";position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.bannerall .banner-img {display: block;width: 100%;position: relative;z-index: 0;}
.bannerall .container {position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;padding-top: 40px;}
.bannerall .container h3 {font-size: 36px;line-height: 44px;margin-bottom: 20px; color: #fff;}
.bannerall .container p {font-size: 14px;padding-top: 20px;}
.bannerall .container h4 {position: relative;padding-top: 20px;font-weight: 500;color: #fff;}
.bannerall .breadcrumb,.bannerall .container a {color: #fff;}
.bannerall2 {height: 60px;background: none;}
.bannerall2 .container,.bannerall2 .breadcrumb,.bannerall2 .container a {color: var(--dark);}
.bannerall2 .container h3 {display: none;}
.bannerall2 .container {top: 20px;}
.banner-right {max-width: 100%;transition: all 0.3s;position: relative;top: 0;}
.banner-right:hover {top: -10px;cursor: pointer;}
.banner_text {position: relative;top: 50%;transform: translateY(-50%);}
.banner-pintai img {height: 54px;opacity: 0.7;transition: all 0.3s;}
.banner-pintai a {display: inline-block;}
.banner-pintai a:hover img {opacity: 1;}

.breadcrumb {background: none;padding: 0;text-align: center;display: block;}
.breadcrumb-item+.breadcrumb-item::before {content: "\f105";font-family: "Font Awesome 5 Pro";color: #fff;}
.breadcrumb li {display: inline-block;}
.bannerall2 .breadcrumb {text-align: left;}
.bannerall2 .breadcrumb-item+.breadcrumb-item::before {color: #999;}

/*内页滑动分类*/
.cate-swiper .swiper-slide {width: auto !important;}
.cate-swiper {width: auto;overflow: hidden;zoom: 1;text-align: center;margin: 0 auto;display: flex;position: absolute;right: 0;top: 0;}
.cate-swiper a {display: inline-block;color: #5a5a5a;padding: 5px 20px;font-size: 16px;font-weight: bold;border-radius: 5px;text-align: center;cursor: pointer;}
.cate-swiper a.active {color: #fff;background-color: var(--green);}

.item-download {background-color: #f5f5f5;padding: 25px 30px;border-radius: 10px;display: flex;position: relative;transition: all 0.3s;}
.item-download .title {font-size: 20px;font-weight: bold;position: relative;height: 50px;line-height: 50px;padding-left: 60px;}
.item-download .title .fal {font-size: 40px;position: absolute;left: 0;top: 50%;transform: translateY(-50%); color: var(--green);}
.item-download .more {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.item-download .more .far {margin-right: 5px;color: var(--green);}
.item-download:hover {background-color: var(--green);}
a:hover .item-download,.item-download:hover .far,.item-download:hover .fal {color: #fff;}
 

/*新闻详情*/
.news-bg {background-color: #eee;padding: 130px 30px;border-radius: 24px;}
.news-text {max-width: 920px;margin: 0 auto;}
.news-text h1 {font-weight: normal;font-size: 42px;line-height: 60px;}
.news-content {font-size: 18px;line-height: 36px;max-width: 920px;margin: 0 auto;}
.news-content img {max-width: 100%;border-radius: 10px;margin: 10px auto;display: block;overflow: hidden;}
.news-hotlist {padding: 20px;}
.page-name {font-size: 20px;font-weight: bold;}
.item-arclist {margin-top: 15px;}
.item-arclist h6 {font-weight: normal;font-size: 16px;margin-bottom: 0px;}
.item-arclist .datetime {color: #999;font-size: 14px;}

.next-box {border-top: 1px solid #eee;padding-top: 50px;margin-top: 50px;}
.item-next-prev {background-color: #f5f5f5;border-radius: 14px;overflow: hidden;padding: 30px 40px;cursor: pointer;font-weight: bold;transition: all 0.3s;}
.item-next-prev p {font-size: 24px;font-weight: normal;}
.item-next-prev:hover {background-color: var(--green);color: #fff;}
.item-next-prev:hover p {font-weight: bold;}

.list-bbs-cate {padding: 0 10px;}
.list-bbs-cate ul li {border-bottom: 1px solid #eee;padding: 12px 0;}
.list-bbs-cate ul li span {float: right;padding-right: 12px;}
.list-bbs-cate ul li a {padding: 0 12px;font-size: 16px;}
.list-bbs-cate ul li.active a{font-weight: bold;color: var(--green);}
.list-bbs-cate ul li:last-of-type {border-bottom: 0;}

.list-bbs-cate ul li dl {margin-top:10px;}
.list-bbs-cate ul li dl dd {padding: 5px 0;}
.list-bbs-cate ul li dl dd a {font-size: 14px;}
.list-bbs-cate ul li dl dd span {color: #999;}
.list-bbs-cate ul li.active dl dd a {font-weight: normal;color: #333;}
.list-bbs-cate ul li dl dd a:hover {color: var(--green);} 

.bbs-right-list h4 {font-size: 20px;font-weight: bold;padding: 10px 0;color: #000;}
.bbs-right-list li {line-height: 35px;font-size: 15px;}

.bbs-right-user h4 {border-bottom: 1px solid #eee;margin-bottom: 15px;}
.bbs-right-user .bbs-avatar {width: 50px;height: 50px;border-radius: 50%;margin-right: 5px;}
.bbs-right-user b {font-size: 16px;}
.bbs-right-user .text span {color: #999;}
.bbs-right-user .text {line-height: 30px;font-size: 15px;}

.bbslist-top {padding:0 20px;font-size: 16px;}
.bbslist-top .bd {border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 0;}
.bbslist-top span {color: #fff;margin-right: 10px;background-color: var(--red);border-radius: 5px;padding: 2px 5px;font-size: 14px;}
.bbslist-top small {color: #999;margin-left: 20px;}
.bbslist-top li {line-height: 30px;}
.bbs-more-box {border-top: 1px solid #eee;padding-top: 15px;margin-top: 20px;font-size: 14px;}
.list-bbs-center {z-index: 33;}
.list-bbs-center::after {display: block;position: absolute;z-index: -1; top: -80px;left: 0;width: 100%;height: 100px;content: "";background-color: #F2F2F2;}
.nav-bbs-sort {position: relative;z-index: 2;padding: 6px 20px;background-color: #fff;}
.nav-bbs-sort li {display: inline-block;position: relative;height: 55px;line-height: 55px;margin-right: 16px;}
.nav-bbs-sort li::before {display: block;content: "";position: absolute;bottom: 10px;left: 0;height: 2px;width: 0;background-color: var(--green);}
.nav-bbs-sort li.active a{font-weight: bold;color: var(--green);}
.nav-bbs-sort li.active::before{width: 100%;}

.bbs-main .col-lg-3 {max-width: 22% !important;flex: 0 0 22%;}
.bbs-main .col-lg-6 {max-width: 54% !important;flex: 0 0 54%;}
.bbs-main .bbs-right-box {max-width: 24% !important;flex: 0 0 24%;}

.bbs-list-box {padding: 20px;}
.bbs-list-box .bbs-avatar {width:40px;height:40px;border-radius: 50%;margin-right: 5px;}
.bbs-list-box .text {padding-top: 20px;}
.bbs-list-box .text h5 {font-size: 16px;font-weight: bold;}
.bbs-list-box .text h5 span,.bbs-detail .ico-top span {color: #fff;background-color: var(--red);border-radius: 3px;font-size: 12px;padding: 2px 5px;margin-left: 10px;font-weight: normal;}
.bbs-list-box .text h5 span.toplevel,.bbs-detail .ico-top span.toplevel {background-color: var(--green);}
.bbs-list-box .note {color: #000;}
.bbs-list-box .pictures {position: relative;z-index: 1;}
.bbs-list-box .pictures ul {margin-right: -10px;}
.bbs-list-box .pictures li {display: inline-block;float: left;overflow: hidden;border-radius: 5px;width: calc(100% / 2 - 10px);background-color: #f9f9f9;margin-bottom: 10px;margin-right: 10px;}
.bbs-list-box .pictures .pic img {max-width: 100%;transition: all 0.3s;}
.bbs-list-box .pictures .pic:hover img {transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);}
.bbs-list-box .pictures .item-img1 {width: calc(100% - 10px);max-height: 500px;background: none;}
.bbs-list-box .pictures .item-img3.bbs-pic1 {width: calc(100% - 10px);max-height: 280px;}
.bbs-list-box .pictures .item-img3.bbs-pic2,.bbs-list-box .pictures .item-img3.bbs-pic3 {max-height: 190px;}
.bbs-list-box .pictures .item-img4 {width: 37%;}
.bbs-list-box .pictures .item-img9 {width: calc(100% / 3 - 10px);}

.bbs-detail h1 {font-size: 20px;font-weight: bold;color: #000;}
.bbs-detail .ico-top {margin-top: 10px;}
.bbs-detail .text {border-top: 1px solid #eee;margin-top: 20px;}
.bbs-detail .content,.bbs-reply .content {line-height: 30px !important;}
.bbs-detail .content p,.bbs-reply .content p {margin-bottom: 10px;}
.bbs-detail .pictures .pic {overflow: hidden;margin-bottom: 10px;}
.bbs-reply {padding: 20px;}
.bbs-reply .color9 {font-size: 12px;}


.about-left h4 {font-size: 32px;margin-bottom: 30px;}
.about-left h4 span {padding-right: 5px;}
.about-banner {position: relative;width: 100%;background-color: #fff;}
.p-titles {text-align: center;background-color: rgba(131, 0, 6, 0.9);font-size: 20px;padding: 15px;font-weight: bold;color: #fff;}
.about-video {position: relative;}
.about-right {padding-left: 100px;}
.about-l {width: 40%;float: left;}
.about-l img {margin-right: 20px;}
.about-l h2 {
	padding-bottom: 20px;
}
.homeabout-box .fr {width: 58%;}

.logo-box {background-color:  #FFFFFF;padding: 30px;position: relative;text-align: center;}
.logo-box .text h1 {font-size: 26px;font-weight: bold;padding: 15px 0 0 0;}
.logo-box .text span {display: inline-block;position: relative;margin-right: 10px;padding-top: 5px;font-size: 14px;color: #999;padding-left: 20px;}
.logo-box .text span .far {font-size: 14px;position: absolute;left: 0;top: 9px;font-weight: normal;}
.logo-box .text span a {padding: 1px 3px;transition: all 0.3s;text-decoration: underline;}
.logo-box .text span a:hover {color: var(--green);}
.logo-box .linkurl {position: absolute;right: 30px;font-size: 24px;background-color: #FFFFFF;top: 50%;margin-top: -25px;line-height: 50px;height: 50px;width: 50px;border-radius: 100%;text-align: center;}
.logo-box .linkurl .far {margin-top: 11px;}
.logo-box .linkurl span {font-size: 0;}
.logo-box .linkurl:hover {background-color: var(--green);transition: all 0.3s;}
.logo-box .linkurl:hover a {color: #FFFFFF;}
	
/*案例详情页*/
.case-right {padding: 30px;color: #fff;position: relative;z-index: 0;background-repeat: no-repeat;background-size: cover;}
.case-right::before {opacity: 0.9; background-image: linear-gradient(60deg, var(--green) 38%, var(--danger) 100%);position: absolute;z-index: -1; content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;}
.case-right h3,.case-right h4 {color: #fff;}
.case-right h3 {font-size: 26px;}
.case-right h4 {font-size: 16px;}
.case-right .qrcode {width: 130px;margin: 50px auto;}
.case-right .qrcode img {background-color: #FFFFFF;border-radius: 5px;padding: 5px;margin-top: 10px;}
.case-right .note {font-size: 14px;}
.case-right .linkurl a {background-color: #fff;padding: 8px 20px;border-radius: 50px;color: var(--green);transition: all 0.3s;}
.case-right .linkurl a:hover {background-color: var(--global-heading);color: #fff;}
.case-box {position: relative;}
.case-box::before {display: block;content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #f7faff;}
.case-box .linkurl {background-color: #eee !important;}
.case-box .linkurl:hover {background-image: linear-gradient(90deg, var(--green) 38%, var(--danger) 100%);}
.case-content {font-size: 16px;line-height: 36px;background-color: #fff;padding: 30px;border-radius: 0;}
.case-content img {max-width: 100%;}
.list-unstyled {border-top: 1px solid #eee;padding-top: 20px;}
.list-unstyled2 a {color: #fff;border: 2px solid #fff;display: inline-block;width: 50px;height: 50px;line-height: 48px; text-align: center;border-radius: 50%;margin-right: 20px;}
.list-unstyled2 a:last-of-type {float: right;margin-right: 0;}
.list-unstyled2 a:hover {background-color: var(--global-heading);border-color: var(--global-heading);}

.down-box {position: relative;padding: 30px 20px !important;}
.down-box .text {padding-right: 120px;}
.down-box .text p {display: inline-block;margin-right: 20px;font-size: 14px;color: #999;}
.down-box .text p small {color: var(--global-heading);font-size: 14px;}
.down-box .text .note {font-size: 14px;margin-bottom: 10px;}
.down-box .down-right {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.down-box .title {font-weight: bold;padding-bottom: 10px;}
.download-list .title {font-size: 18px;font-weight: bold;padding-bottom: 20px;height: 40px;}

.service-left h3 {font-weight: normal;font-size: 42px;}
.service-left {position: absolute;top: 50%;transform: translateY(-50%);}

/*观点列表*/
.news-list {padding-bottom: 20px;}
.news-list .title {font-size: 26px;font-weight: bold;padding-top: 20px;}
.news-logo {padding: 20px 0;}
.news-logo .text {padding-left: 60px;}
.news-logo .text p {color: #eee;font-size: 13px;margin-top: 5px;}
.news-logo .text p a,.news-logo .text span {color: var(--greytwo);font-size: 13px;}
.news-logo .text p a:hover {color: var(--green);}
.news-logo .pic {width: 50px;}
.news-logo .pic img {width: 50px;height: 50px;border-radius: 100%;border: 1px solid #EEEEEE;float: left;}
.news-note {font-size: 14px;line-height: 30px;color: #999;margin:0 0 30px 0;}
.news-more {font-size: 16px;text-decoration: underline;transition: all 0.3s;padding-bottom: 20px;display: inline-block;font-weight: bold;}
.news-more .far {transition: all 0.3s;}
.news-more:hover .far {padding-left: 5px;}
.news-thumb {position: relative;overflow: hidden;max-height: 400px;border-radius: 10px;}
.news-thumb img {transition: all 1.3s;width: 100%;}
.news-thumb:hover {box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);}

/*联系方式*/
.contact-box h5 {padding-bottom: 40px;margin-bottom: 0px;}
.content-note {font-size: 16px; line-height: 30px; margin-top: 10px;}
.contact-book .form-control,.contact-book textarea {padding: 25px 20px;background-color: #f5f5f5;border-radius: 5px;border:0;width:100%;box-sizing:box-sizing;outline: none !important;}
.contact-book label {margin-top: 20px;margin-bottom: 10px;width: 100%;}
.form_select_service select {border: 0px;cursor: pointer;font-size: 16px;height:50px; padding: 0 20px !important;outline: none !important;color: #495057;-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.form_select_service option {padding: 10px;}
.contact-main {padding: 60px 11.875%;}


.contact-box .box {
  margin-bottom: 30px;
  padding: 30px 40px 35px;
  background-color: #f6f6f6;
  border-radius: 5px;
  position: relative;
}
.contact-box .box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  transition: all 0.4s;
  background-color: var(--green);
}
.contact-box .box .cname {
    color: #333333;
    line-height: 50px;
    margin-bottom: 20px;
    position: relative;
}
.contact-box .box .cname::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 36px;
    height: 2px;
    background-color: #333;
}
.font-b {font-weight:bold;}
.con-box1 .cname {padding-bottom:10px;}


/*支付方式*/
.item-bank {background-color: #FFFFFF;padding: 45px 30px;border-radius: 15px;transition: all 0.3s;height: 100%;}
.item-bank .title {font-size: 20px;color: #000;font-weight: bold;padding-bottom: 30px;}
.item-bank img {width: 200px;margin-top: 30px;border-radius: 10px;}
.item-bank .note {line-height: 30px;font-size: 14px;}
.item-bank .note b {font-size: 18px;font-weight: normal;border-bottom: 1px solid #eee;display: inline-block;width: 100%;padding-bottom: 20px;margin-bottom: 40px;}
.item-bank:hover {background-color: var(--green);color: #FFFFFF;box-shadow: 0 30px 60px 0 rgb(0 0 0 / 12%);}
.item-bank:hover h2 {color: #fff;}
.item-bank.bg2335:hover {background-color: var(--cyan);}

/*首页产品分类*/
.home-catelist ul li {float: left;width: 50%;position: relative;overflow: hidden;background-color: #fafafa;}
.home-catelist ul li .pic {position: relative;opacity: 1;transition: all 0.3s;z-index: 1;}
.home-catelist ul li .text {position: absolute;left: 0;top: 0;padding: 80px 50px;box-sizing: border-box;z-index: 2;width: 100%;height: 100%;}
.home-catelist ul li:nth-of-type(2),.home-catelist ul li:nth-of-type(3),.home-catelist ul li:nth-of-type(6),.home-catelist ul li:nth-of-type(7) {background-color: #F2F2F2;}
.home-catelist ul li .text .title {font-size: 40px;font-weight: bold;}
.home-catelist ul li .text .entitle {font-size: 24px;opacity: 0.4;display: block;margin-bottom: 16px;}
.home-catelist ul li .text .but {position: absolute;bottom: 80px;}
.home-catelist ul li .text .but img,.home-catelist ul li .f_pre img {width: 40px;height: 40px;}
.home-catelist ul li .f_pre {position: absolute;z-index: 3;display: none; background: rgba(0, 156, 253, .9);left: 0;top:0;width: 100%;height: 100%;}
.home-catelist ul li .f_pre .title {font-size: 26px;color: #fff;}
.home-catelist ul li .f_pre .note {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.home-catelist ul li .f_pre .note .title {font-size: 40px;font-weight: bold;padding-bottom: 20px;display: block;}
.home-catelist ul li:hover .pic {opacity: 1;}
.home-catelist ul li:hover .text {left: -100%;}
.home-catelist ul li:hover .f_pre {display: block;text-align: center;}

/*返回顶部*/
.scroll {background-color: #ffffff;box-shadow: 0 0 10px rgb(0 0 0 / 15%); width: 50px;height: auto;text-align: center;color: var(--greytwo);position: fixed;z-index: 889;right: 2px;padding: 5px 0 10px;bottom: 30px;font-size: 14px;transition: all 0.3s;border-radius: 30px;}
.scroll .far {font-size: 18px;transition: all 0.3s;margin-top: 10px;}
.scroll.show {display: block;}
.kefu-list ul li:hover .far,.scroll-top:hover .far,.kefu-list ul li:hover,.scroll-top:hover {color: var(--green);}
.scroll-top {cursor: pointer;margin-top: 10px;}
.kefu-list ul,.kefu-list ul li {margin: 0px;padding: 0px;list-style: none;position: relative;}
.kefu-list ul li {padding: 0;cursor: pointer;}
.kefu-list ul li p {margin-bottom: 0px;}
.kefu-list ul li::before,.foot-weixin .item-weixin .pic::before {display: none;content: "";position: absolute;width: 20px;height: 1px;background-color: #EEEEEE;bottom: 0px;left: 50%;transform: translateX(-50%);}
.kefu-list ul li .pic {display: none;position: absolute;width: 190px;border-radius: 15px;top: 50%;transform: translateY(-50%);right: 58px;padding: 15px;text-align: left;background-color: #FFFFFF;color: var(--dark);box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.kefu-list ul li .pic p {color: var(--green);font-weight: bold;}
.kefu-list ul li .pic img {width: 100%;}
.kefu-list ul li .down {position: absolute;right: -10px;width: 10px;height: 10px;background-color: #FFFFFF;-webkit-transform: translateX(-50%) rotate(45deg);transform: translateX(-50%) rotate(45deg);top: 50%;margin-top: -5px;}
.kefu-list ul li:hover .pic {display: block;}
.kfonline-icon {background:var(--green);color:#fff;height:50px;cursor:pointer;padding-top:5px;border-radius:5px;}
.kfonline-icon:hover,.kfonline-icon:hover .far {color:#fff;}
.kfonline-icon p {display: none;}

/*底部样式*/
.fexbag {padding: 70px 0;background: url(../images/fexbag.jpg) no-repeat center center;background-size: cover;border: 1px #eee solid;}
.fexbag .container {position: relative;}
.fexbag h5 {font-size: 36px;font-weight: bold;margin: 0;}
.fexbag h5 span {color: var(--green);}
.fexbag .tit-con {display: flex;align-items: center;font-size: 18px;font-weight: bold;float: right;height: 44px;}
.fexbag .tit-con img {height: 40px;}
.fexbag .tit-con a {margin-right: 20px;padding-bottom: 10px;border-bottom: 1px solid #646464;display: block;}
.fexbag .tit-con a:hover {border-color: var(--green);}
.footer {background-color: var(--blue);color:var(--white);}

.links {font-size: 14px;padding: 20px 0 50px 0;color: var(--white);opacity: 0.8;}
.links a {color: var(--white);}
.links span {padding: 0 5px;color: #777;}
.copyright {padding: 25px 0;border-top:1px solid rgba(255, 255, 255, .1);line-height: 36px;font-size: 14px;}
.copyright,.copyright a {color: var(--white);}
.foot-address a {color:var(--green);}
.partners-sub ul {margin-top: 10px; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.partners-sub ul li {display: block;max-width: 110px;margin-bottom: 20px;margin-right: 20px;}
.footnav-sub h4,.partners-sub h4,.foot-address h4 {font-size: 16px;padding-bottom: 15px;color: var(--white);}
.footnav-sub h4 a {color: var(--white);}
.footnav-sub h4 a:hover {color: #ffffff;}
.foot-address h3 {color: var(--white);font-size: 30px;font-weight: normal;}
.footnav-sub p,.footnav-sub p a,.foot-address p {margin-top: 10px;margin-bottom: 0px;color: var(--white);transition: all 0.3s;font-size: 14px;}
.footnav-sub a:hover {color: #ffffff;letter-spacing: 2px;}
.foot-contact {background-color: #ffffff;height: 160px;top: -80px;position: relative;z-index: 1;color: #fff;padding: 25px 50px;box-sizing: border-box;}
.foot-contact::before {display: block;content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.9;background-image: linear-gradient(90deg, var(--green) 38%, var(--danger) 100%);}
.foot-contact .foot-wx {width: 130px; height: 110px;background-color: #fff;padding: 5px;border-radius: 5px;color: var(--dark);margin-right: 15px;font-size: 14px;}
.foot-contact .foot-wx img {width: 100px; height: 100px;display: block;float: left;margin-right: 5px;}
.foot-contact .foot-wx span {padding-top: 8px;display: inline-block;}
.foot-title {font-size: 16px;}
.foot-title h3 {color: #fff;font-size: 32px;}
.hotline {font-size: 16px;}
.hotline i {margin-right: 10px;}
.hotline a {background-color: #ffffff;color: #fff;padding: 15px 30px;border-radius: 30px;position: relative;z-index: 1;}
.hotline a::before {position: absolute;z-index: -1;content: "";display: block;top: 0;left: 0;width: 0;height: 100%;background-color: var(--orange);border-radius: 30px;transition: ease-in 0.3s;}
.hotline .chat-btn2 {margin-left: 50px;background-color: var(--global-heading);}
.hotline a:hover::before  {width: 100%;}
.hotline a:hover::after {background-color: rgba(85, 255, 127, 0.7);border-radius: 50px;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1;animation: animation-scale-two 1.8s infinite;-webkit-animation: animation-scale-two 1.8s infinite;}
.foot-col2 {padding-left: 50px;}
.foot-col2 li {width: 20% !important;float: left;}
.foot-weixin {display: flex;}
.foot-weixin .item-weixin {position: relative;cursor: pointer;overflow: hidden;margin-right: 16px;width: 40px;height: 40px;background-color: #000c26;padding: 10px;border-radius: 50%;box-sizing: border-box;}
.foot-weixin .item-weixin .pic {opacity: 0; font-size: 14px;position: absolute;background-color: #fff;border-radius: 5px;padding: 10px;left: 50%;bottom: 20px;transform: translateX(-50%);width: 130px;}
.foot-weixin .item-weixin p img {padding: 0 0 5px 0;}
.foot-weixin .item-weixin p {color: #777;}
.foot-weixin .item-weixin .pic::before {width: 10px;height: 10px;background-color: #fff;bottom: -5px;margin-left: -5px; transform: rotate(45deg);}
.foot-weixin .item-weixin img {display: block;overflow: hidden;}
.foot-weixin .item-weixin:last-of-type {margin-right: 0px;}
.foot-weixin .item-weixin:hover {overflow: unset;background-color: var(--blue);}
.foot-weixin .item-weixin:hover .pic {color: var(--blue);opacity: 1;bottom: 46px;transition: all 0.3s;}


.footer__bottom-link ul li {display: inline-block;position: relative;}
.footer__bottom-link ul li:not(:last-child) {padding-right: 10px;margin-right: 10px;}
.footer__bottom-link ul li:not(:last-child)::after {position: absolute;content: "";top: 56%;right: -3px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: var(--greytwo);height: 3px;width: 3px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.footer__bottom-link ul li a {display: inline-block;}
.footer__bottom-link ul li a:hover {color: #ffffff;}

.btn-more3 a {display: block;border: 1px solid #EEEEEE;font-size: 16px;width: 240px;height: 60px;line-height: 60px;margin: 0 auto;position: relative;transform: translateY(0);transition: all 0.3s;overflow: hidden;}
.btn-more3 a::before {display: block;content: "";position: absolute;z-index: -1;box-shadow: 0 0 10px rgb(0 0 0 / 15%);height: 60px;width: 0;transition: width 0.3s;}
.btn-more3 a:hover::before {width: 100%;border: 0px;background-image: linear-gradient(90deg, #00c78b 38%, #05a2c9 100%);}
.btn-more3 a:hover {color: #FFFFFF;border-color: var(--green);}
.btn-more3 .far {font-size: 22px;position: absolute;padding-left: 5px;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.btn-more3 a:hover .far {padding-left: 15px;}

.btn-bai a {background-color: var(--global-heading);color: #fff;border-radius: 5px;padding: 15px 50px;}
.btn-bai a:hover {background-color: #000;}

.mySwiper .swiper-slide {
   width: 40%;
}


/*回复评论*/
.comment-pd {padding: 20px;}
.comment-box {padding: 20px;}
.comment-main {border-bottom: 1px dashed #eee;padding-bottom: 20px;margin-bottom: 20px;}
.com-title {font-size: 18px;font-weight: bold;}
.comment-list {display: flex;}
.comment-list .avatar {width: 36px;margin-right: 15px;margin-right: 10px;}
.comment-list .avatar img {width: 36px;height: 36px;border-radius: 50%;overflow: hidden;}
.comment-name {font-size: 15px;}
.comment-text {width: 100%;}
.comment-text .width_16 {width: 16px;}
.comment-note {border-top: 1px dashed #eee;padding: 20px 0;margin-top: 20px;}
.comment-time {font-size: 14px;position: relative;}
.comment-time .time {padding-top: 5px;color: #999;}
.comment-time .btn-reply {padding: 0;font-size: 14px;margin-left: 30px;color: #666;}
.comment-time .btn-reply:hover {color: var(--green);}
.comment-time .right-dz small {font-size: 14px;display: inline-block;position: relative;bottom: -3px;}
.admin-name {font-size: 14px;color: #999;margin-bottom: 10px;}
.admin-reply {border-top: 1px dashed #eee;padding-top: 20px;}
.admin-reply span {color: var(--green);border: 1px solid var(--green);font-size: 14px;padding: 2px 3px;border-radius: 3px;font-weight: bold;margin-right: 3px;}
.admin-reply .content {font-size: 14px;}
.comment-list2 {background-color: #FAFAFA;margin-left: 46px;padding: 20px;margin-top: 15px;}
.comment-list2 .avatar {width: 26px;}
.comment-list2 .avatar img {width: 26px;height: 26px;}
.comment-list2 .comment-note {font-size: 14px;border-top: 0;margin-top: 0;padding: 10px 0;}
.comment-list2 .comment-name {font-size: 14px;}

/*营销站*/
.bg-dg {background-image: linear-gradient(-45deg, var(--danger) 8%, var(--green) 80%);}
.bg-dg .website_title {color: #fff;text-align: center;}
.bg-dg .website_title h4 {color: #fff;}
.bg-dg .website_title .en {text-transform: uppercase;}
.page-leftBox {width: 70%;}
.page-leftBox h4 {margin-bottom: 40px;line-height: 56px;font-size: 42px;}
.page-rightBox {width: 85%;float: right;}
.page-rightBox li {margin-bottom: 40px;position: relative;padding: 50px 80px 70px 80px;background: #fff;overflow: hidden;border-radius: 5px;}
.page-rightBox li .title {margin-bottom: 20px;font-size: 24px;font-weight: bold;}
.page-rightBox li .number {position: absolute;left: 80px;bottom: -40px;font-size: 72px;color: #ddd;}

.item-pic-one,.item-pic-two {background-color: #fff;margin-top: 30px;padding: 30px;position: relative;overflow: hidden;border-radius: 5px;}
.item-pic-one .title {font-size: 20px;font-weight: bold;margin: 10px 0;}
.item-pic-one .number {position: absolute;right: -28px;top: 20px;font-size: 72px;color: #ddd;transform: rotate(-90deg);}
.item-pic-two {padding: 50px 150px 50px 50px;}
.item-pic-two .title {font-weight: bold;margin-bottom: 20px;}
.item-pic-two .pic {position: absolute;right: 30px;}

.ser-color {color: #fff;text-align: center;max-width: 800px;margin: 0 auto;}
.ser-color .btn-demand {margin-left: 50px;}

.list-faq {position: relative;z-index: 1;}
.list-faq::before {background-image: linear-gradient(180deg,var(--green) 0%,#32C36C 82%);opacity: 0.9;}
.faq-left {padding-right: 50px;}
.slide-faq h3 {  padding:30px 0;font-size: 18px; cursor:pointer;border-bottom: 1px solid rgba(0, 0, 0, 0.05);margin: 0;}
.slide-faq h3 em {top: -2px; float:left;margin-right: 10px; display:block; width:20px; height:20px; cursor:pointer;font-style: normal;text-align: center;position: relative;}
.slide-faq h3 em::before {font-family: 'Font Awesome 5 Pro';content: "\f358";display: block;font-size: 20px;color:var(--heading);overflow: hidden;}
.slide-faq h3 em::after {display: block;background-color: #fff;content: "";border-radius: 50%;width: 10px;height: 10px;position: absolute;z-index: -1;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.slide-faq h3.on {margin: 0;border-radius: 10px 10px 0 0;border: 0;color: var(--green);}
.slide-faq h3.on em::before {transform: rotate(-90deg);color: var(--green);}
.slide-faq ul{ padding:30px 20px 30px 30px;display:none;background-color: #f5f5f5;border-radius: 10px;}


/*Vlog视频*/
.vjs-tech {width: 100%;height: 100%;}
.video-height {width: 100%;height: 690px;margin-top: 20px;}
.tab-vlogjb {overflow-x: auto;overflow-y: hidden;}
.tab-vlogjb ul {width: 1210px;}
.tab-vlogjb ul li {float: left;border: 1px solid #ddd;border-top: 0;border-right: 0; padding: 10px;width: 120px;height: 110px;display: flex;font-size: 15px;align-items: center;justify-content: center;text-align: center;}
.tab-vlogjb ul li:nth-of-type(1),.tab-vlogjb ul li:nth-of-type(4),.tab-vlogjb ul li:nth-of-type(6) {width: 80px;}
.tab-vlogjb ul li:nth-of-type(3) {width: 200px;}
.tab-vlogjb ul li:nth-of-type(5) {width: 290px;}
.tab-vlogjb ul li:nth-of-type(7) {width: 180px;}
.tab-vlogjb ul li:nth-of-type(8) {width: 178px;border-right: 1px solid #ddd;}
.tab-vlogjb ul li span {padding: 0 3px;color: #999;}
.list-vlog-name li {border-color:#f2f2f2 !important;height: 60px !important;font-size: 16px !important;background-color: var(--global-heading);color: #fff;font-weight: bold;}
.myVlog {position: relative;width: 100%;height: 90px;overflow: hidden;top: 0px;}
.video-content p {margin-bottom: 20px !important;}
.video-detail {padding: 30px;}
.hot-hits {position: absolute;right: 45px;top: 45px;font-size: 14px;}
.playclose {display: none;position: absolute;top: 10px;right: 20px;z-index: 201;font-size: 30px;color: #fff;}
.playclose:hover,.playVideo:hover .fa-play::before  {color: var(--teal);}
.playVideo,.newsvideo {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 99;cursor: pointer;font-size: 20px;color: #fff;background: rgba(0,0,0,0.3);}
.playVideo .fa-play::before {color: #fff;}
.playVideo:hover {background: rgba(0, 0, 0, .6);}
.video-box {height: auto;background-color: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;display: none;}
.video-box.show,.playclose.show {display: block;}
.newsvideo {width: 50px;height: 50px;border-radius: 25px;background: rgba(255, 255, 255, 0.5);}
.newsvideo .fa-play::before {top: 15px;position: absolute;left: 17px;}
.newsvideo:hover {background-color: var(--teal);}

.page-mgtop {margin-top: -240px;z-index: 5;position: relative;}
.sticky-top100 {position: sticky;top: 100px;}
.sticky-top120 {position: sticky;top: 120px;}
.list-hotservice {border: 0px !important;}
.list-hotservice .pic {width: 100%;background-color: #fff;overflow: hidden;}
.list-hotservice .text {padding-top: 10px;}
.list-hotservice .text h4 {margin-top: 5px;font-size: 18px;line-height: 30px;}
.list-hotservice .text p {margin:8px 0 5px 0;font-size: 14px;}
.list-hotservice .text .price {font-size: 18px;padding-top: 15px;color: var(--red);}
.list-hotservice li {padding: 15px 0;transition: all 0.3s;border-top: 1px solid #eee;margin-top: 20px;}
.list-hotservice li:last-of-type {margin-bottom: 0px;}
.card .card-title span {border: 2px solid #ccc;float: right;font-size: 14px;font-weight: normal;border-radius: 20px;color: #777;padding: 3px 10px;}
.list-hotservice .card-title {padding: 10px 0 10px 0;}

.product-left { max-width: 22% !important;flex: 0 0 22%;}
.product-right { max-width: 78% !important;flex: 0 0 78%;}
.item-product {margin-top: 30px;background-color: #fff;border: 1px solid #f5f5f5;}
.item-product .title {font-weight: bold;letter-spacing: -0.02px;height: 52px;font-size: 18px;}
.item-product .price {margin-top: 10px;font-size: 18px;color: var(--red);}
.item-product .pic {background-color: #f5f5f5;overflow: hidden;transition: all 0.3s;}
.item-product .text {padding:32px 24px;}
.item-product:hover .pic {background-color: #555;}
.item-product:hover  {background-color: #f5f5f5;}
.item-product:hover a {color: #000;}

.sideMenu{ border:1px solid #EEEEEE;  }
.sideMenu h3{ padding:15px 25px; cursor:pointer;border-bottom: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;margin: 0px;font-size: 20px;font-weight: normal;}
.sideMenu h3 i { float:right; display:block cursor:pointer;margin-top: 5px; }
.sideMenu h3.on {background:#f4f4f4; }
.sideMenu h3.on i {color: var(--blue); }
.sideMenu ul{ padding:25px; color:#999; display:none;}

/*产品详情*/
.page-servicebg {background: none !important;}
.left-service-bg {background-color: #fff;overflow: hidden;padding: 30px 40px;}
.service-right h1 {font-size: 30px;font-weight: bold;padding-bottom: 10px;color: #000;}
.service-right ul li {border: 0px !important;}
.service-right ul li .price {font-size: 24px;font-weight: 700;font-family: var(--font-family-sans-serif);}
.service-right ul li .r-price {color: var(--red);font-size: 16px;}
.service-right .note p {margin-bottom: 10px;}
.service-right p span {padding-left:20px;}
.service-right .row>* {padding: 0 !important;}
.page-service {background-color: #fff;padding-top: 40px;}
.section-content {background-color: #fff;}
.pictures-list .page-name{padding-bottom: 30px;}
.pictures-list img {max-width: 100%;margin: 0 auto;display: block;overflow: hidden;}
.pr-price {background-color: #f5f5f5;padding-left: 20px;padding-right: 20px; border-radius: 5px;line-height: 46px;margin-bottom: 10px;}
.swiper-prshow {border: 1px solid #f5f5f5;position: relative;}
.swiper-prshow .mybanner-nav {background-color: rgba(0, 0, 0, 0.3);width: auto !important;left: 50% !important;transform: translateX(-50%);height: 24px !important;border-radius: 12px !important;padding: 0 10px;}
.swiper-prshow .swiper-slide {background-color: #fff;}
.swiper-prshow .swiper-slide .bgf {position: relative;height: 100%;}
.swiper-prshow .swiper-pagination-bullet {background-color: #fff;}
.jt-price {border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 15px;}
.jt-price .price {font-size: 14px !important;font-weight: normal !important;color: #888;}
.jt-price .price-item {margin-right: 50px;}
#stock_qty {line-height: 30px;}
#buycount {line-height: 30px;padding: 0 0 0 10px;width: 90px;border:0;background-color: #f2f2f2;border-radius: 5px;}

.pr-boxlist {position: relative;overflow: hidden;}
.prSwiper,.prSwiper2 {position: relative;overflow: hidden;}
.prSwiper {position: absolute;bottom: 30px;left: 10%;width: 80%;transition: all 0.3s;}
.prSwiper2 .swiper-slide {background-color: #fff;}
.prSwiper .swiper-slide img {display: block;overflow: hidden;cursor: pointer;box-sizing: border-box;border:1px solid #ccc;background-color: #fff; border-radius: 8px;opacity: 0.5;transition: all 0.3s;}
.prSwiper .swiper-slide-thumb-active img {opacity: 1;border-color: var(--heading) !important;}
.prSwiper .swiper-slide:hover img {opacity: 1;}
.prSwiper2:hover .swiper-button-next,.prSwiper2:hover .swiper-button-prev {opacity: 1;background-color: rgba(0, 0, 0, .1);width: 48px;height: 48px;border-radius: 50%;}
.prSwiper2 .swiper-button-next:after, .prSwiper2 .swiper-button-prev:after {color: #fff !important;font-size: 14px !important;}
.prSwiper2 .swiper-button-next:hover,.prSwiper2 .swiper-button-prev:hover {background-color: rgba(0, 0, 0, .3);}

/*筛选*/
.filter {padding:30px 20px;background-color: #fff;}
.filter a.btn {padding: 2px 10px !important;font-size: 15px;}
.filter .btn-light {background:none !important;border: 0 !important;}
.border-90 {width: 96%;height: 1px;background-color: #f2f2f2;margin: 0 auto;}
.p-title {font-weight: bold;color: #222;font-size: 15px;text-align: right;line-height: 28px;}
.capacity {display: none;}
.capacity.show {display: flex;}
.filter .col-2 {width: 10%;}
.cate-li2 {padding: 15px 0;position: relative;border-bottom: 1px solid #eee;width: 100%;}
.cate-li2 a.btn {background-color: #f2f2f2 !important;margin-right: 10px;}
.cate-li2 a.btn:hover,.cate-li2 a.btn-primary {background-color: var(--green) !important;color: #fff;}

/* 产品属性 */
div.attr {border: 1px solid #ccc;background-color: #fff;padding: 5px 10px;font-size: 14px;cursor: pointer;display: inline-block;border-radius: 3px;margin-right: 5px;}
div.attr.selected,div.attr:hover {border: 1px solid var(--red);box-shadow: 0 1px 10px 0 rgb(255 51 51 / 20%);color: var(--red);background: url('../images/jiantou.png') no-repeat bottom right;}
div.attr:hover a {color: var(--red);}
ul.radio li label {padding: 0.25em 1em;}
ul.radio li label input[type=radio] {margin-left: -1em;	margin-top: 0.1em;}
.wtitle {width: 60px;}
.wtitle b {font-weight: normal;line-height: 30px;}

.nav-wrap {width: 100%;height: 52px;padding-top: 10px;background: #fff;}
.nav-wrap.navFix {position: fixed;top: 100px;left: 10px;width: 104px;padding: 10px 0;height: auto;box-shadow: 0 5px 35px rgba(0, 0, 0, 0.05);border-top: 1px solid #eee;z-index: 99999;}
.nav-wrap.navFix li {width: 100%;height: 40px;line-height: 40px;}
.nav-wrap.navFix li a.active {border: 0px;}
.nav-wrap.navFix li a {padding: 0;text-align: center;}
.nav-wrap ul {padding: 0;margin: 0 auto;display: block;border-bottom: 2px solid #eee;}
.nav-wrap.navFix ul {border-bottom: 0;}
.nav-wrap li {display: block;margin-right: 30px;float: left;position: relative;}
.nav-wrap li a {display: block;font-size: 20px;height: 50px;color: #333;text-decoration: none;}
.nav-wrap li a:hover,.nav-wrap li.active a {color: var(--green);font-weight: bold;}
.nav-wrap li.active a {border-bottom: 2px solid var(--green);}

.nav-height {position: relative;}
.nav-height.show {top: 0px !important;left: 0 !important;background-color: #fff;transform: translateY(0px);position: fixed;z-index: 9999;width: 100%;height: 80px;}
.nav-height.show .nav-wrap {padding-top: 25px !important;}
.nav-height.show .nav-wrap ul {width: 1408px;border: 0 !important;}
.nav-height.show .nav-wrap li a {height: 55px;}
.page-name {font-size: 20px;font-weight: bold;padding-bottom: 10px;position: relative;color: #333;}
.bllc-item {background-color: #f5f5f5;border-radius: 10px;padding: 10px;transition: all 0.3s;margin-top: 15px;font-size: 14px;}
.bllc-item .numbers {text-align: center;}
.bllc-item span,.bllc-item3 span {background-color: var(--green);color: #fff;width: 30px;height: 30px;line-height: 30px;font-size: 14px;display: inline-block;border-radius: 20px;}
.bllc-item:hover {background-color: #076FE2;color: #fff;cursor: pointer;}
.bllc-item2 {border: 1px solid #f5f5f5;border-radius: 10px;overflow: hidden;}
.bllc-item2 .note {line-height: 18px;font-size: 14px;color: #333;padding: 0 10px;height: 36px;margin: 10px 0;}
.bllc-item2:hover {background-color: #f7f7f7;}
.bllc-item3 {position: relative;}
.bllc-item3 span {position: absolute;top: 0;left: 0;text-align: center;}
.bllc-item3 h5 {font-size: 15px;font-weight: bold;}
.bllc-item3 .text {padding-left: 40px;}
.bllc-item3 .note {font-size: 14px;color: #777;line-height: 20px;}
.bllc-item3 .note p {margin: 0px;}

.params-box {border: 1px solid #f2f2f2;line-height: 22px;}
.params-box h4 {background-color: #ddd;padding: 10px 20px;font-size: 16px;font-weight: bold;color: #333;margin-bottom: 0;}
.params-box .col-2 {color: #999;}
.xgcompany p {line-height: 30px;}
.tags .btn {background-color: var(--green);color: #fff;margin-right: 20px;}

.jianbianbg { padding: 50px;height:100%;}
.params-box .jianbianbg {border-radius: 0;}

.member-box2 { padding: 0px; position:fixed; z-index:2200; background: #FFFFFF; width: 1200px; height: 600px; box-sizing: border-box; top: 50%; left: 50%;transform: translate(-50%,-50%) !important;} 
.choose-item {margin-bottom: 30px;padding-right: 150px !important;position: relative;transition: all 0.3s;}
.choose-item h5 span {font-weight: normal;font-size: 16px;color: #999;}
.choose-item .dateline {color: #666;}
.choose-item .far {text-align: center;line-height: 50px; color: #fff;font-size: 20px; position: absolute;right: 30px;top: 50%;transform: translateY(-50%);background:rgba(0, 0, 0, 0.5);width: 50px;height: 50px;border-radius: 25px;}
.choose-item .far::before {position: absolute;transition: all 0.53s;}
.choose-item:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, .1);}
.choose-item:hover .far {background-color: var(--green);}
.choose-item:hover .far::before {transform: rotate(180deg);left: 20px;}

/*视频页相关产品*/
.xgpr-box {padding: 30px;}
.item-xgpr {margin-bottom: 30px;}
.item-xgpr .pic {float: left; width: 40%;border-radius: 10px;overflow: hidden; background-color: #f7f7f7;transition: all 0.3s;border: 1px solid #eee;}
.item-xgpr .desc {padding-left: 45%;}
.item-xgpr .desc h5 {font-weight: normal;line-height: 30px;}
.item-xgpr .desc p {color: #999;}
.item-xgpr .pic:hover {box-shadow: 0 10px 15px rgba(0,0,0,0.2);}
.item-xgpr .price {padding-top: 20px;color: var(--red);font-size: 18px;font-weight: bold;}
.item-xgpr .dui-btn-primary a {background-color: #333;color: #fff;display: inline-block;padding: 10px 30px;border-radius: 5px;margin-top: 20px;}
.item-xgpr .dui-btn-primary a:hover {background-color: var(--green);}

.mobile-navs a {display: inline-block;width: 48%;padding: 20px 0;text-align: center;background-color: var(--green);color: #fff;border-radius: 5px;}
.mobile-navs a:last-of-type {float: right;background-color: var(--heading);}

.cate-swiper.show {position: fixed;z-index: 100; top: 86px;left: 0;border-radius: 0; transform: none;border-bottom: 1px solid #f4f4f4;-webkit-backdrop-filter: saturate(180%) blur(6px);backdrop-filter: saturate(180%) blur(6px);background: rgba(255, 255, 255, 0.9);padding: 20px;text-align:center;}
.cate-swiper.show .swiper-wrapper {display:block;}
.cate-swiper.show  .swiper-slide {display: inline-block;}

.case-list {max-width:640px !important;}

 
@media screen and (min-width: 320px) and (max-width: 767px) {
	
	.head-center,.kefu-list ul li,a.foot-demand,.scroll-top p,.head-right,.index_banner .swiper-button-next, .index_banner .swiper-button-prev,
	.footnav-sub,.portfolio-slider .swiper-slide .text .read-more2,.foot-contact .foot-wx,.foot-title span,.foot-right,.foot-weixin,
	.logo-box .pic,.case-right .qrcode,.breadcrumb li.m-hide,.demand-bg,.list-bbs-center::after,.index_banner .item-inner,.main-customer .h80,.item-pic-one .number,.filter,
	.home-catelist ul li .text .but,.more-about,.news-item .more,.index_banner .img1,.newproduct .pic .img1,.m_h50,.item-wenhua .pic::before {display: none;}
    .btn-menu,.hotline,.cate-price,.index_banner .img2,.newproduct .pic .img2 {display: block;}
	
	.section-title span,.foot-title,.breadcrumb,.item-tslm .text .note,.home-catelist ul li .text .entitle {font-size: 12px;}
	.form-control,.home-name p,.luchen-item p,.btn-more3 a,.item-customer,.hotline a,.copyright,.nav-bbs-sort li,.customer-title,.cate-swiper a,
	.service-cate .btn,.item-service .note,.f32,.tubiao2 .note,.item-fujia .note,.tubiao1-pic .note,.item-fqa .note,.service-pic .title,
	.page-rightBox li .text,.item-pic-one .note,.item-pic-two .text,.website_title,.num-item2 .num-inf,.news-text,.news-cate h3 span {font-size: 14px;}
	.luchen-item h6,.portfolio-slider .swiper-slide .text h3,.item-customer .author .h4,.foot-title h3,.item-bank .note,
	.item-fujia .title,.item-fqa .title,.tubiao1-pic .title,.home-catelist ul li .text .title,.about-l .home-name p {font-size: 16px;}
	.news-list .title,.item-service h2,.f28,.page-rightBox li .title,.item-pic-one .title,.item-pic-two .title,.home-video .basecont .font .text,.btn-contact {font-size: 18px !important;}
	.statistics-box h2,.home-name h3,.bannerall .container h3,.f42,.fexbag h5,.news-cate h3,.about-name h3,.wenhua-left h3 {font-size: 24px !important;}
	.index_banner .text .title,.domain-service .inner-cotainer .title,.num-item span,.service-cate .title,.service-content h3,.f52,.single-box h1 {font-size: 28px;}
	.item-lichen .title {font-size: 36px;}

    .news-text h1,.service-left h3 {font-size: 26px;line-height: 36px;font-weight: bold;}
	.news-text.p-tb70 {padding: 30px !important;}
	.news-bg {padding: 0;}
	.item-case {min-height: auto;padding-bottom: 20px;}
	.mobile-t3 {margin-top: 40px;}
	.foot-address {text-align:center;}
	.contact-main {padding:15px;}
	.contact-main .mobile-t3 {margin-top:0;}
	.server-box2 {display: block;}
	.service-left {position: static;transform: translateY(0);}
	.inner-search,.server-box2 .left,.server-box2 .right,.btn-contact {width: 100%;}
	.server-box2 .left .text {margin: 30px 0;font-size: 18px;}
	.inner-search .far {top: 15px;}
	.inner-search .btn {height: 42px;}
	.inner-search .form-control {width: 70%;padding: 10px 15px 10px 50px;}
	.inner-search .btn {width: 28%;}
	.service-left h3 {padding-top: 50px;}
	.server-box2 .left {display: block;}
	.server-box2 .f48 {font-size: 34px;}
	.fuwu-list {padding: 25px;}
	.fuwu-list .title,.home-name h2, .about-name h3 {font-size: 22px;}
	.fuwu-list p,.p-titles {font-size: 14px;}
	.fuwu-list .pic {width: 50px;height: 50px;padding: 10px;margin-top: 20px;}
	.mobile-name {max-width: 80%;}
	.case-list {max-width:100% !important;}
	.item-download {display: block;}
	.item-download .more {position: static;transform: translate(0);}
	.item-download .title {padding-left: 0;height: 35px;line-height: 35px;}
	.item-download .title .fal {display: none;}
	.cate-swiper.show {top: 60px;left: 0;background-color: #f5f5f5;padding: 20px;}
	.cate-swiper.show .swiper-wrapper {display:flex;}
    .cate-swiper.show  .swiper-slide {display: flex;}
	.bannerall2 .container {top: 80px;}
	.bannerall .container h3,.no-h2 {margin-bottom: 0px !important;}
	.bannerall .container {padding-top: 0;}
	.cate-img2 {background: none;height: auto;}
	.cate-img2 ul li {position: static;width: 100%;text-align: left;margin-bottom: 10px;}
	.cate-img2 ul li .text {width: 70%;}
	.home-content,.pr-content {overflow-x: auto;}
	.home-content table,.pr-content table {width: 1040px;}
	.about-left {padding: 0;}
	.about-p70 {padding-top: 0px !important;}
	.btn.playclose {font-size: 30px;}
	.item-hotnews .pic {width: 100%;height: 160px;}
	.item-hotnews .pic img {top: -100px;}
	.item-hotnews .news-item {width: 100%;}
	.item-hotnews .news-item .text {padding: 15px;}
	.item-hotnews .news-item .text .title {font-size: 18px;line-height: 26px;}
	.item-hotnews .news-item .text .note {font-size: 14px;margin-top: 10px;}
	.item-hotnews .news-item .dateline {padding-bottom: 0;}
	.mobile-t100 {padding-top: 50px !important;}
	.lichen {overflow: hidden;}
	.home-catelist ul li .text .entitle {margin-bottom: 0px;}
	.news-item .text .title {height: auto;}
	.news-item {margin-bottom: 30px;}
	.news-item .pic {height: 180px;}
	.headnav {height: 60px;}
	.headnav .container {padding-top: 10px;padding-bottom: 10px;}
	.header .logo, .header .logo2 {height: 40px;}
	.logo_mobilenav {border-bottom: 1px solid #eee;padding-bottom: 15px;padding-left: 15px;}
	.logo_mobilenav img {height: 40px;}
	.num-item2 {padding: 20px;}
	.wenhua-name {top: 0;transform: translateY(0);position: static;padding-top: 50px;padding-bottom: 20px;}
	.item-wenhua {padding: 15px 0 15px 80px;position: relative;}
	.item-wenhua .pic {position: absolute;width: 60px;height: 60px;left: 0;}
	.item-wenhua .pic img {top: 0;left: 0;background-color: rgba(0,58,204,0.8);}
	.item-wenhua h4 {margin-top: 10px;font-size: 18px;}
	.item-wenhua p {font-size: 14px;}
	.service-content {padding: 0 10px;font-size: 14px;}
	.tubiao_w2 {padding-top: 0;}
	.tubiao_w2 .f28,.home-name .title {font-size: 15px;}
	.tubiao2 h4 {font-size: 18px;}
	.list-faq .card-desc,.item-tslm .text h5,.item-tslm .title {font-size: 14px;}
	.p-b140 {padding-bottom: 40px !important;}
	.tubiao1-pic .title,.page-rightBox li .title {font-weight: bold;}
	.item-pic-one .title {margin-top: 0;}
	.item-pic-two,.item-pic-one {padding: 20px 80px 20px 20px;margin-top: 20px;}
	.item-pic-two .title {margin-bottom: 5px;}
	.item-pic-two .pic,.item-pic-one .pic {right: 20px;top: 50%;transform: translateY(-50%);position: absolute;}
	.menu-box2 .item-close {top: 30px;right: 30px;}
	.customer-bg::before, .customer-bg::after,.bg-w1500::before,.cate-swiper,.item-fujia {width: 100%;}
	.item-youshi {height: auto;}
	.item-fujia,.tubiao1-pic {padding: 20px;}
	.item-fujia .note {margin-top: 10px;}
	.max-650,.tubiao1,.wenhua-left {max-width: 100%;}
	.contact-box .f36,.section-content h2  {font-size:20px;}
    .contact-box .f24 {font-size:18px;}
    .contact-box .f18 {font-size:15px;}
	body {font-size: 14px;}
	.picList .pic {width: 90px;}
	.picList {margin-bottom: 10px;}
	.about-l,.homeabout-box,.homeabout-box .fr,.item-lichen .note {width: 100%;}
	.about-l .home-name,.lichen.p-t30 {padding-top: 0px !important;}
	.about-right {padding: 0;}
	.item-lichen .pic {width: 60%;height: 120px;}
	.item-lichen .note {padding-left: 0;margin-top: 15px;}
	.lichen .swiper-slide {padding: 0;opacity: 0;}
	.lichen .swiper-slide::before, .lichen .swiper-slide::after {display: none;}
	.index_banner_nav {bottom: 10px !important;}
	.homeabout-box h2,.home-video .basecont .font .tit {font-size: 24px;}
	.about-l p {line-height: 26px;}
	.fexbag .tit-con {float: none;margin-top: 20px;}
	.home-video .basecont {left: 0%;transform: translate(0%,-50%);padding: 0 20px;}
	.service-pic,.tubiao1-pic {margin-bottom: 20px;}
	.tubiao_bg1 {padding: 50px 0 0 0;}
	.tubiao_bg2 {background-size: cover;}
	.tubiao2 .note {line-height: 26px;}
	.tubiao2 {padding-top: 50px;}
	.tubiao1-pic .pic,.item-pic-one .pic,.item-pic-two .pic {width: 50px;}
	.tubiao1-pic .note {padding-left: 60px;}
	.xiangyingshi_pic1 {margin-top: 80px;padding-bottom: 50px;}
	.cate-price {border-radius: 10px;}
	.scroll {height: 50px;top: auto;bottom: 30px;}
	.btn-search {padding-right: 0;}
	.index_banner .item-inner .far {width: 70px;height: 70px;}
	.domain-service .inner-cotainer {padding: 20px;}
	.domain-service .inner-search .btn {font-size: 0;height: 54px;}
	.domain-service .inner-search .btn .far {font-size: 16px;}
	.service-box {background-size: cover;}
	.service-box:hover {background-size: cover;}
	.home-catelist ul li .text {padding: 20px;}
	.domain-service {margin-top: 0;}
	.domain-service .container {padding-left: 0 !important;padding-right: 0 !important;}
	.inner-cotainer.br15 {border-radius: 0 !important;}
	.project-item {overflow: hidden;}
	.portfolio-slider .swiper-slide {width: 80%;}
	.statistics-box {padding:40px 20px;text-align: center;}
	.num-item i {width: 60px;height: 60px;line-height: 60px;font-size: 30px;}
	.luchen-item .p-num {width: 60px;height: 60px;line-height: 60px;font-size: 30px;}
	.luchen-box .bg-line {top: 20px;display: none;}
	.luchen-item,.page-rightBox li {margin-bottom: 20px;}
	.foot-center,.foot-right {max-width: 100%;flex: 100%;}
	.footnav-sub h4, .partners-sub h4 {margin-top: 20px;}
	.portfolio-slider .swiper-slide .text {text-align: center;display: block;}
	.btn-more3 a {width: 200px;height: 54px;line-height: 54px;}
	.foot-contact {padding: 20px;height: 120px;top: -60px;display: none;}
	.footer {padding-top: 50px;}
	.h80 {display: none;}
	.luchen-box {padding-left: 10px;padding-right: 10px;}
	.hotline .chat-btn2 {margin-left: 20px;}
	.foot-title h3 {margin-bottom: 0px;}
	.hotline a {padding: 10px 20px;background-color: var(--orange);}
	.hotline.fr,.demand-form,.demand-box {float: none !important;width: 100%;}
	.demand-box {left: 0;top: 0;height: 100vh;transform: none;margin: 0;border-radius: 0;}
	.demand-form .inp_content {height: 90px;}
	.logo-box .text {padding-left: 0;}
	.logo-box .text h1 {padding: 0;}
	.logo-box,.news-content,.case-content {padding: 20px;}
	.logo-box .linkurl {position: fixed;z-index: 999;align-items: center; background-color: var(--green) !important;box-shadow: 5px 5px 20px rgba(0,199,193,0.5); left: 50%;transform: translateX(-50%); right: auto; bottom: 55px;width: 150px;border-radius: 30px; top: auto;}
    .logo-box .linkurl a {color: #fff !important;}
	.logo-box .linkurl .far {font-size: 16px;position: relative;top: -1px;}
	.logo-box .linkurl span {font-size: 14px;display: inline-block;height: 24px;line-height: 24px;position: relative;top: -3px;left: 3px;}
	.case-right {margin-top: 20px;}
	.faq-left {padding-right: 0;}
	.about-banner {height: auto !important;}
	.about-banner .btn-bai {display: none;}
	.about-banner .container {position: relative;top: auto;left: auto; transform: none;padding-top: 120px;}
	.about-video {padding-bottom: 30px;}
	.bannerall {height: 200px;}
	.bannerall .banner-img {height: 200px !important;width: auto !important;}
	.bannerall img {max-width: auto !important;position: absolute;}
	.bannerall2 {height: 120px !important;}
	.main-service .bannerall2 {height: 60px !important;}
	.bbs-main .col-lg-3,.bbs-main .col-lg-6,.bbs-main .bbs-right-box,.main-service .col-sm-12 {max-width: 100% !important;flex: 100%;}
	.sticky-top100 {position: relative;top: auto;}
	.bbs-main .col-lg-6,.bbs-main .bbs-right-box {margin-top: 20px;}
	.list-unstyled {margin-bottom: 30px;}
	.project-item {border-right: 0px;}
	.project-item::after {border-radius: 15px;}
	.project-item .content {bottom: 0;}
	.project-item .theme-btn {opacity: 1;}
	.project-item .content .number {-webkit-text-stroke-color: var(--green);opacity: 0.6;}
	.project-item h3 {color: var(--green);letter-spacing:2px;font-size: 32px;}
	.project-item:hover h3 {font-size: 38px;}
	.item-case .text {position: relative;color: var(--global-heading);bottom: auto;padding: 20px 0 0 0;}
	.item-case .text .title {font-size: 16px;}
	.item-case .text .note {color: #999;opacity: 1;font-size: 14px;}
	.item-case:hover .text .title {font-size: 16px;padding-bottom: 0;}
	.item-case:hover .text .note {height: 24px;}
	.item-case .pic:before {background: none;}
    .read-more {opacity: 1;font-size: 14px;}
	.customer-box {padding: 30px 20px;}
	.customer-box .text-center {text-align: left !important;}
	.item-bank {padding: 30px 20px !important;border-bottom: 1px solid #eee;}
	.item-bank .title {padding-bottom: 10px;}
	.main-customer .home-name {padding-top: 40px;padding-bottom: 30px;}
	.main-customer .bannerall2 {height: 110px !important;}
	
	.service-cate {max-width: 90%;}
	.service-cate .note {line-height: 26px;font-size: 14px;}
	.service-cate .btn {padding: 10px 20px;}
	.service-banner .container .number {font-size: 160px;top: -90px;}
	.service-list {padding:0 20px 20px 20px;}
	.item-service {margin-top: 20px;}
	.service-banner {height: 700px;}
	.mar-g200 {margin-top: -120px;}
	.main-service .h80 {height: 30px;}
	.item-tslm {padding: 20px 15px;margin-bottom: 10px;}
	.item-tslm .pic {width: 40px;}
	.item-tslm .text .note {padding: 10px;}
	.service-pic {padding: 0px;}
	.service-pic .pic {height: 80px;width: 80px;margin: 0 auto;}
	.tslm-list {margin-right: -5px;margin-left: -5px;}
	.col-6 {padding-right: 5px;padding-left: 5px;}
	.footer__bottom-link.text-right {text-align: left !important;}
	.page-leftBox,.page-rightBox {float: none;width: 100%;}
	.page-leftBox h4 {font-size: 24px;line-height: 40px;margin-bottom: 20px;}
	.page-rightBox {margin-top: 30px;}
	.page-rightBox li {padding: 20px 20px 50px 20px;}
	.page-rightBox li .number {left: 20px;bottom: -28px;font-size: 60px;}
	.sticky-top180 {position: relative;top: 0;}
	.main-service .col-sm-6 {max-width: 50% !important;flex-grow: 2 !important;flex-basis: unset !important;margin-bottom: 20px;}
	.service-tu img {max-width: 70%;}
	.p-tb100 {padding-top: 50px !important;padding-bottom: 50px !important;}
	.video-height {height: 200px !important;}
	.product-left,.product-right {max-width: 100% !important;flex: 0 0 100%;}
	.product-left {margin-bottom: 15px;}
	.item-xgpr {margin-top: 15px;}
	.service-right {padding-left: 0;padding-bottom: 10px; margin-top: 15px;}
	.item-product .pic {padding: 20px 30px;}
	.item-product .title a {font-size: 18px;}
	.nav-wrap li,.item-xgpr .pic {margin-right: 10px;}
	.nav-wrap li a {font-size: 16px;}
	.page-service,.left-service-bg,.video-detail,.xgpr-box {padding: 15px;}
	.ser-right {margin-top: 15px;}
	.service-right ul li .price {font-size: 18px;}
	.xgpr-box {padding-bottom: 30px;}
	.xgpr-box .dui-btn-primary a {display: none;}
	.xgpr-box .page-name.m-b20 {margin-bottom: 0 !important;}
	.pages a {margin-top: 10px;font-size: 12px;}
	.wtitle {width: 48px;font-size: 14px;}
	.btn {font-size: 14px;padding: 10px 20px !important;}
	.newproduct .text {padding:60px 30px 50px 30px;left: 0px;font-size: 16px;text-align: center;top: 0;transform: translateY(0);width: 100%;}
	.item-two h3,.item-pro .text h3,.news-item .text .title,.page-name {font-size: 18px;}
	.newproduct .text h3,.service-right h1 {font-size: 22px;}
	.newproduct .text p,.news-item .dateline {padding-top: 0;}
	.item-two .pic {padding: 50px;}
	.item-pro .text p,.news-catetwo ul li,.params-box {font-size: 14px;}
	.newproduct .mores {width: 30px;height: 24px;}
	.newproduct .morelist {text-align: center;margin-top: 20px;}
	.newproduct .morelist a {font-size: 16px;padding-right: 36px;display: inline-block;float: none;}
	.newproduct .mores:before {left: 0;line-height: 20px;}
	.cate-swiper {top: 50px;}
	.news-cate {padding-bottom: 60px;}
	.jianbianbg {padding: 15px;}
	.swiper-button-next, .swiper-button-prev,.jianbianbg .text-muted {display: none;}
	.service-right h1 {padding-bottom: 0;}
	.jianbianbg .col-3 {flex: 0 0 35%;max-width: 35%;}
	.jianbianbg .col-5 {flex: 0 0 65%;max-width: 65%;}
	.mobile-t20 {margin-top: 15px;}
	.service-right .note.p-b30 {padding-bottom: 15px !important;}
	.section-content .h50 {height: 15px;}
	.item-next-prev {margin-top: 15px;padding: 20px;}
	.item-next-prev p {font-size: 16px;}
	.section4 .row,.case-list .row {margin-right: -5px;margin-left: -5px;}
	.hotpr-nav .swiper-button-next, .hotpr-nav .swiper-button-prev {display:block;text-align:center;}
	.copyright,.footer__bottom-link.text-right {text-align:center !important;}
	.copyright p {line-height:20px;}
	.footer.p-t70 {padding-top:40px !important;}
	.footer .p-b50 {padding-bottom:30px !important;}
	.foot-address h4 {padding-bottom:0px !important;}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.head-center,.more-about {display: none;}
    .btn-menu {display: block;}
	
	.foot-title {font-size: 12px;}
	.luchen-item p,.hotline a {font-size: 14px;}
	.luchen-item h6 {font-size: 16px;}
	.foot-title h3,.statistics-box h2 {font-size: 22px;}
	
	.headnav .container {padding-top: 15px;padding-bottom: 15px;}
	.service-box {background-size: 150%;}
	.service-box:hover {background-size: 165%;}
	.project-item .image {height: 500px;}
	.portfolio-slider .swiper-slide {width: 70%;}
	.statistics-box .note {line-height: 35px;}
	.section-title {padding-top: 20px;}
	.luchen-item .p-num {width: 90px;height: 90px;line-height: 90px;font-size: 40px;}
	.customer-bg::before, .customer-bg::after,.bg-w1500::before {width: 100%;}
	.max-650,.home-name {max-width: 100% !important;flex: 0 0 100% !important;}
	.foot-contact {padding: 25px;}
	.hotline .chat-btn2 {margin-left: 20px;}
	.luchen-item {margin-bottom: 20px;}
	.about-l,.homeabout-box .fr,.item-hotnews .pic,.item-hotnews .news-item {width:100%;padding:0;}
	.footnav-sub,.news-item,.item-next-prev {margin-top:30px;}
	.news-item .pic {height:300px;}
	.item-hotnews .pic {height:400px;}
	.item-hotnews .news-item .text {padding:0 50px 50px 50px;}
	

}

@media screen and (min-width: 992px) and (max-width: 1365px) {
	
	.head-center {display: none;}
    .btn-menu {display: block;}
	
	.foot-title {font-size: 12px;}
	.luchen-item p,.hotline a,.cate-swiper a {font-size: 14px;}
	.luchen-item h6 {font-size: 16px;}
	.foot-title h3,.statistics-box h2,.home-catelist ul li .text .title {font-size: 22px;}
	.headnav .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

	.service-box {background-size: 150%;}
	.service-box:hover {background-size: 165%;}
	.project-item .image {height: 500px;}
	.portfolio-slider .swiper-slide {width: 70%;}
	.statistics-box .note {line-height: 35px;}
	.section-title {padding-top: 20px;}
	.luchen-item .p-num {width: 90px;height: 90px;line-height: 90px;font-size: 40px;}
	.customer-bg::before, .customer-bg::after,.bg-w1500::before {width: 100%;}
	.max-650 {max-width: 100%;}
	.foot-contact {padding: 25px;}
	.hotline .chat-btn2 {margin-left: 20px;}
	.list-hotservice .pic {width:100%;float:none;}
	.list-hotservice .text {padding-left:0;}
	.list-hotservice .text h4 {font-size:14px;line-height:20px;}
	
	.video-height {height: 510px !important;}
	.tab-vlogjb ul {width: 1060px;}
	.tab-vlogjb ul li {width: 120px;height: 110px;font-size: 14px;}
	.tab-vlogjb ul li:nth-of-type(1),.tab-vlogjb ul li:nth-of-type(6) {width: 70px;}
	.tab-vlogjb ul li:nth-of-type(4) {width: 90px;}
	.tab-vlogjb ul li:nth-of-type(3) {width: 140px;}
	.tab-vlogjb ul li:nth-of-type(5) {width: 210px;}
	.tab-vlogjb ul li:nth-of-type(7) {width: 180px;}
	.tab-vlogjb ul li:nth-of-type(8) {width: 178px;}
	.list-vlog-name li {font-size: 14px !important;}

}

@media screen and (min-width: 1366px) and (max-width: 1599px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1330px;
	}
	
	body,.item-customer,.btn-more3 a,.cate-swiper a {font-size: 14px;}
	.read-more,.btn-more3 .far,.slide-menu .bd li b {font-size: 16px;}
	.luchen-item h6 {font-size: 18px;}
	.news-item .text .title,.item-customer .author .h4 {font-size: 20px;}
	.statistics-box h2,.portfolio-slider .swiper-slide .text h3 {font-size: 24px;}
    .foot-title h3,.project-item:hover h3,.home-name h2, .about-name h3,.home-catelist ul li .text .title,.home-name h3,.home-video .basecont .font .tit,.fexbag h5 {font-size: 28px;}
	.item-customer .author:before {font-size: 46px;}

	.partners-sub ul li {max-width: 100px;}
	.btn-more3 a {width: 200px;height: 54px;line-height: 54px;border-radius: 27px;}
	.btn-more3 a::before {height: 54px;line-height: 54px;border-radius: 27px;}
	.statistics-box {padding: 50px;}
	.num-item {margin-top: 30px;}
	.num-item i {width: 60px;height: 60px;line-height: 60px;font-size: 30px;}
	.luchen-item .p-num {width: 90px;height: 90px;line-height: 90px;font-size: 40px;}
	.item-customer .author {padding-left: 66px;}
	.portfolio-slider .swiper-slide {width: 60%;}
	.bg-w1500::before {width: 1300px;}
	.f28 {font-size: 16px;}
	.f32 {font-size: 18px;}
	.f52,.foot-address h3 {font-size: 28px;}
	.tubiao2 .note {line-height: 25px;}
	.xiangyingshi_pic1 {margin-top: 100px;}
	.picList .pic {width: 100px;}
	.foot-left .foot-weixin .item-weixin {display: block;margin-right: 6px;}
	
	.video-height {height: 600px !important;}
	.tab-vlogjb ul {width: 1040px;}
	.tab-vlogjb ul li {width: 120px;height: 110px;font-size: 14px;}
	.tab-vlogjb ul li:nth-of-type(1),.tab-vlogjb ul li:nth-of-type(6) {width: 70px;}
	.tab-vlogjb ul li:nth-of-type(4) {width: 90px;}
	.tab-vlogjb ul li:nth-of-type(3) {width: 140px;}
	.tab-vlogjb ul li:nth-of-type(5) {width: 190px;}
	.tab-vlogjb ul li:nth-of-type(7) {width: 180px;}
	.tab-vlogjb ul li:nth-of-type(8) {width: 178px;}
	.list-vlog-name li {font-size: 14px !important;}

}

@media screen and (min-width: 1600px) and (max-width: 2560px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1470px;
	}


}